search
HomeWeb Front-endHTML TutorialHTML5 gets device information
HTML5 gets device information
不言
不言
May 09, 2018 am 11:22 AM
h5html5information

This article mainly introduces HTML5 to obtain device information, which has certain reference value. Now I share it with everyone. Friends in need can refer to it.

Device module manages device information, which is used to manage device information. Obtain relevant information about mobile phone devices, such as IMEI, IMSI, model, manufacturer, etc. Obtain the device information management object through plus.device.

1. Attribute

1.1. imei: International Mobile Equipment Identity of the device. Call this attribute to obtain the International Mobile Equipment Identity of the device. . If the device does not support it, an empty string is returned.

Platform support: Android - 2.2 (supported), iOS - 4.5 (not supported): iOS devices do not support obtaining the imei value and return an empty string.

Example:

[html] view plain copy


<!DOCTYPE html>  
<html>  
<head>  
<meta charset="utf-8">  
<title>Device Example</title>  
<script type="text/javascript">  
// H5 plus事件处理  
function plusReady(){  
alert( "IMEI: " + plus.device.imei );  
}  
if(window.plus){  
plusReady();  
}else{  
document.addEventListener("plusready",plusReady,false);  
}  
</script>  
</head>  
<body>  
获取设备的国际移动设备身份码  
</body>  
</html>

1.2, imsi: International Mobile Subscriber Identity of the device, string array type, obtains the International Mobile Equipment Identity code inserted into the SIM on the device. If the device supports multi-SIM mode, all SIM identity codes will be returned. If the device does not support it or no SIM card is inserted, an empty array is returned.

Platform support: Android - 2.2 (Supported): If no SIM card is inserted into the device, an empty array is returned.

iOS - 4.5 (not supported): iOS devices do not support obtaining SIM card information and return an empty array.

Example:

[html] view plain copy

<!DOCTYPE html>  
<html>  
<head>  
<meta charset="utf-8">  
<title>Device Example</title>  
<script type="text/javascript">  
// H5 plus事件处理  
function plusReady(){  
alert( "IMSI: " + plus.device.imsi );  
}  
if(window.plus){  
plusReady();  
}else{  
document.addEventListener("plusready",plusReady,false);  
}  
</script>  
</head>  
<body>  
获取设备的国际移动用户识别码  
</body>  
</html>

1.3. model: The model of the device, call this attribute Get the model information of the device. If the device does not support it, an empty string is returned.

Example:

[html] view plain copy

<!DOCTYPE html>  
<html>  
<head>  
<meta charset="utf-8">  
<title>Device Example</title>  
<script type="text/javascript">  
// H5 plus事件处理  
function plusReady(){  
alert( "Device: " + plus.device.model );  
}  
if(window.plus){  
plusReady();  
}else{  
document.addEventListener("plusready",plusReady,false);  
}  
</script>  
</head>  
<body>  
获取设备的型号  
</body>  
</html>

1.4. vendor: the manufacturer of the device, call this The attribute obtains the manufacturer information of the device. If the device does not support it, an empty string is returned.

Platform support: Android - 2.2 (supported), iOS - 4.3 (supported)

Example:

[html] view plain copy

<!DOCTYPE html>  
<html>  
<head>  
<meta charset="utf-8">  
<title>Device Example</title>  
<script type="text/javascript">  
// H5 plus事件处理  
function plusReady(){  
alert( "Vendor: " + plus.device.vendor );  
}  
if(window.plus){  
plusReady();  
}else{  
document.addEventListener("plusready",plusReady,false);  
}  
</script>  
</head>  
<body>  
获取设备的生产厂商  
</body>  
</html>

1.5. uuid: The unique identification number of the device. Call this attribute to obtain the unique identification number of the device.

平台支持：Android - 2.2+ (支持): 与设备的imei号一致。注意：如果无法获取设备imei则使用设备wifi的mac地址，如果无法获取设备mac地址则随机生成设备标识号，确保不同App在同一台设备上获取的值一致。iOS - 4.5+ (支持): 根据包名随机生成的设备标识号。注意：在设备重置后会重新生成。

示例：

[html] view plain copy

<!DOCTYPE html>  
<html>  
<head>  
<meta charset="utf-8">  
<title>Device Example</title>  
<script type="text/javascript">  
// H5 plus事件处理  
function plusReady(){  
alert( "uuid: "+plus.device.uuid );  
}  
if(window.plus){  
plusReady();  
}else{  
document.addEventListener("plusready",plusReady,false);  
}  
</script>  
</head>  
<body>  
获取设备的唯一标识号  
</body>  
</html>

2、方法

2.1、dial: 拨打电话

    void plus.device.dial( number, confirm );

说明：调用系统程序拨打电话。

参数：

number: ( String ) 必选 要拨打的电话号码

confirm: ( Boolean ) 可选 是否需要用户确认后开始拨打电话，设置为true表示打开系统拨打电话界面，需用户点击拨号按钮后才开始拨打电话，false则无需确认直接拨打电话，默认值为true。

返回值：void : 无

平台支持：Android - 2.2+ (支持)、iOS - 5.1+ (支持): 忽略confirm参数，调用直接拨打电话。

示例：

[html] view plain copy

<!DOCTYPE html>  
<html>  
<head>  
<meta charset="utf-8">  
<title>Device Example</title>  
<script type="text/javascript">  
// H5 plus事件处理  
function plusReady(){  
}  
if(window.plus){  
plusReady();  
}else{  
document.addEventListener("plusready",plusReady,false);  
}  
function dialTest() {  
plus.device.dial( "10086", false );  
}  
</script>  
</head>  
<body>  
拨打电话<br/>  
<button onclick="dialTest()">Dial</button>  
</body>  
</html>

2.2、beep: 发出蜂鸣声

void plus.device.beep( times );

说明：调用此方法使得设备发出蜂鸣声。

参数：

times: ( Number ) 可选 蜂鸣声重复的次数，默认发出一次蜂鸣声

返回值：void : 无

平台支持：Android - 2.2+ (支持): 播放系统设置中指定的默认通知铃声，iOS - 4.3+ (支持): 忽略times参数，播放系统的通知铃声

示例：

[html] view plain copy

<!DOCTYPE html>  
<html>  
<head>  
<meta charset="utf-8">  
<title>Device Example</title>  
<script type="text/javascript">  
// H5 plus事件处理  
function plusReady(){  
plus.device.beep( 3 );  
}  
if(window.plus){  
plusReady();  
}else{  
document.addEventListener("plusready",plusReady,false);  
}  
</script>  
</head>  
<body>  
发出蜂鸣声<br/>  
</body>  
</html>

2.3、vibrate: 设备振动

 plus.device.vibrate( milliseconds );

说明：调用此方法使得设备振动。

参数：

milliseconds: ( Number ) 必选 设备振动持续的时间，数值类型，单位为ms，默认为500ms。

返回值：void : 无

平台支持：Android - 2.2+ (支持): 振动指定的时长。iOS - 4.3+ (支持): 不支持milliseconds参数，使用系统默认振动时长，仅iPhone设备支持，iPad和iTouch设备不支持，调用此接口无任何效果。 注意：如果在系统设置中关闭振动功能则无法调用设备振动（设置->声音->振动）。

示例：

[html] view plain copy

<!DOCTYPE html>  
<html>  
<head>  
<meta charset="utf-8">  
<title>Device Example</title>  
<script type="text/javascript">  
// H5 plus事件处理  
function plusReady(){  
plus.device.vibrate( 2000 );  
}  
if(window.plus){  
plusReady();  
}else{  
document.addEventListener("plusready",plusReady,false);  
}  
</script>  
</head>  
<body>  
设备振动<br/>  
</body>  
</html>

2.4、setWakelock: 设置应用是否保持唤醒（屏幕常亮）状态

   plus.device.setWakelock( lock );

说明：调用此方法设置应用是否一直保持唤醒状态，保持唤醒状态将会导致程序屏幕常亮、系统不会自动锁屏，从而导致消耗更多的电量。若未设置一直保持唤醒状态则会根据系统设置自动锁定屏幕。

参数：

lock: ( Boolean ) 必选 是否设置程序一直保持唤醒状态，可取值true或false，true表示设定程序一直保持唤醒状态，false表示关闭程序一直保持唤醒状态。程序退出后将恢复默认状态，默认为关闭程序保持唤醒状态。

返回值：void : 无

示例：

[html] view plain copy

<!DOCTYPE html>  
<html>  
<head>  
<meta charset="utf-8">  
<title>Device Example</title>  
<script type="text/javascript">  
// H5 plus事件处理  
function plusReady(){  
// 开启一直保持程序唤醒状态  
plus.device.setWakelock( true );  
}  
if(window.plus){  
plusReady();  
}else{  
document.addEventListener("plusready",plusReady,false);  
}  
</script>  
</head>  
<body>  
设置应用保持唤醒（屏幕常亮）状态<br/>  
<button onclick="plus.device.setWakelock(false)">UnWakelock</button>  
</body>  
</html>

2.5、isWakelock: 获取程序是否一直保持唤醒（屏幕常亮）状态

         Boolean plus.device.isWakelock();

说明：调用此方法获取程序是否一致保持唤醒状态。

返回值：Boolean : 返回ture表示程序已设置为一直保持唤醒状态，返回false表示程序未设置为一直保持唤醒状态。

2.6、setVolume: 设置设备的系统音量

           plus.device.setVolume( volume );

说明：调用此方法调节设备的系统音量。

参数：

volume: ( Number ) 必选 设备的系统音量值，取值范围为0到1，0表示静音，1表示最大音量值。设置设备音量后对所有程序生效，退出程序系统仍然保持最后设定的音量值。

返回值：void : 无

平台支持：iOS - 4.3+ (支持)。Android - 2.2+ (支持): 设置音量后对所有项的音量生效，如通话音量、系统音量、铃声音量、音乐音量、提示声音音量。

示例：

[html] view plain copy

<!DOCTYPE html>  
<html>  
<head>  
<meta charset="utf-8">  
<title>Device Example</title>  
<script type="text/javascript">  
// H5 plus事件处理  
function plusReady(){  
// 设置音量  
plus.device.setVolume( 0.5 );  
}  
if(window.plus){  
plusReady();  
}else{  
document.addEventListener("plusready",plusReady,false);  
}  
</script>  
</head>  
<body>  
设备的系统音量值<br/>  
</body>  
</html>

2.7、getVolume: 获取设备的系统音量

      Number plus.device.getVolume();

说明：系统音量值范围为0到1，0表示静音，1表示最大音量值。

返回值：Number : 系统的音量值

3、对象

3.1、screen: Screen模块管理设备屏幕信息

3.1.1、属性

  1）、resolutionHeight: 设备屏幕高度分辨率

    plus.screen.resolutionHeight;

说明：Number 类型 只读属性，设备屏幕区域包括系统状态栏显示区域和应用显示区域，screen获取的是设备屏幕总区域的逻辑分辨率，单位为px。 如果需要获取实际分辨率则需要乘以比例值scale。

示例：

[html] view plain copy

<!DOCTYPE html>  
<html>  
<head>  
<meta charset="utf-8">  
<title>Device Example</title>  
<script type="text/javascript">  
// H5 plus事件处理  
function plusReady(){  
alert( "Screen height: " + plus.screen.resolutionHeight*plus.screen.scale + "px" );  
}  
if(window.plus){  
plusReady();  
}else{  
document.addEventListener("plusready",plusReady,false);  
}  
</script>  
</head>  
<body>  
设备屏幕高度分辨率<br/>  
</body>  
</html>

  2）、resolutionWidth: 设备屏幕宽度分辨率

            plus.screen.resolutionWidth;

说明：Number 类型 只读属性，设备屏幕区域包括系统状态栏显示区域和应用显示区域，screen获取的是设备屏幕总区域的分辨率，单位为px。 如果需要获取实际分辨率则需要乘以比例值scale。

示例：

[html] view plain copy

<!DOCTYPE html>  
<html>  
<head>  
<meta charset="utf-8">  
<title>Device Example</title>  
<script type="text/javascript">  
// H5 plus事件处理  
function plusReady(){  
alert( "Screen width: " + plus.screen.resolutionWidtht*plus.screen.scale + "px" );  
}  
if(window.plus){  
plusReady();  
}else{  
document.addEventListener("plusready",plusReady,false);  
}  
</script>  
</head>  
<body>  
设备屏幕宽度分辨率<br/>  
</body>  
</html>

  3）、scale: 逻辑分辨率与实际分辨率的比例

    plus.screen.scale;

说明：Number 类型 只读属性，屏幕分辨率分逻辑分辨率率和实际分辨率，在html页面中使用的像素值都是相对于逻辑分辨率，此值就是逻辑分辨率和实际分辨率的比例，实际分辨率=逻辑分辨率*比例。

平台支持：Android - 2.2+ (支持)，iOS - 4.3+ (支持)

示例：

[html] view plain copy

<!DOCTYPE html>  
<html>  
<head>  
<meta charset="utf-8">  
<title>Device Example</title>  
<script type="text/javascript">  
// H5 plus事件处理  
function plusReady(){  
alert( "Screen resolution: " + plus.screen.resolutionWidth*plus.screen.scale + " x " + plus.screen.resolutionHeight*plus.screen.scale );  
}  
if(window.plus){  
plusReady();  
}else{  
document.addEventListener("plusready",plusReady,false);  
}  
</script>  
</head>  
<body>  
逻辑分辨率与实际分辨率的比例<br/>  
</body>  
</html>

  4）、dpiX: 设备屏幕水平方向的密度

    plus.screen.dpiX;

说明：Number 类型 只读属性，设备屏幕的密度为每英寸所显示的像素点数，密度越高显示清晰度越高，单位为dpi。

平台支持：Android - 2.2+ (支持)。iOS - 4.3+ (支持)

示例：

[html] view plain copy

<!DOCTYPE html>  
<html>  
<head>  
<meta charset="utf-8">  
<title>Device Example</title>  
<script type="text/javascript">  
// H5 plus事件处理  
function plusReady(){  
alert( "Screen dip in X: " + plus.screen.dpiX );  
}  
if(window.plus){  
plusReady();  
}else{  
document.addEventListener("plusready",plusReady,false);  
}  
</script>  
</head>  
<body>  
设备屏幕水平方向的密度<br/>  
</body>  
</html>

  5）、dpiY: 设备屏幕垂直方向的密度

           plus.screen.dpiY;

说明：Number 类型 只读属性，设备屏幕的密度为每英寸所显示的像素点数，密度越高显示清晰度越高，单位为dpi。

平台支持：Android - 2.2+ (支持)，iOS - 4.3+ (支持)

示例：

[html] view plain copy

<!DOCTYPE html>  
<html>  
<head>  
<meta charset="utf-8">  
<title>Device Example</title>  
<script type="text/javascript">  
// H5 plus事件处理  
function plusReady(){  
alert( "Screen dip in Y: " + plus.screen.dpiY );  
}  
if(window.plus){  
plusReady();  
}else{  
document.addEventListener("plusready",plusReady,false);  
}  
</script>  
</head>  
<body>  
设备屏幕垂直方向的密度<br/>  
</body>  
</html>

3.1.2方法

 1）、setBrightness: 设置屏幕亮度

      plus.screen.setBrightness( brightness );

说明：调用此方法调节设备屏幕亮度。

参数：brightness: ( Number ) 必选 屏幕的亮度值，取值范围为0到1，0表示最低亮度值，1表示最高亮度值。设置屏幕亮度仅对当前程序在前台运行时有效，退出程序后屏幕亮度由系统设置的值决定。

返回值：void : 无

示例：

[html] view plain copy

<!DOCTYPE html>  
<html>  
<head>  
<meta charset="utf-8">  
<title>Device Example</title>  
<script type="text/javascript">  
// H5 plus事件处理  
function plusReady(){  
// 设置屏幕亮度  
plus.screen.setBrightness( 0.5 );  
}  
if(window.plus){  
plusReady();  
}else{  
document.addEventListener("plusready",plusReady,false);  
}  
</script>  
</head>  
<body>  
设置屏幕亮度<br/>  
</body>  
</html>

  2）、getBrightness: 获取屏幕亮度值

 Number plus.screen.getBrightness();

说明：屏幕亮度值范围为0到1，0表示最低亮度值，1表示最高亮度值。

返回值：Number : 返回程序的屏幕亮度值

  3）、lockOrientation: 锁定屏幕方向

         void plus.screen.lockOrientation( String orientation );

说明：锁定屏幕方向后屏幕只能按锁定的屏幕方向显示，关闭当前页面后仍然有效。 可再次调用此方法修改屏幕锁定方向或调用unlockOrientation()方法恢复到应用的默认值。

参数：

orientation: ( String ) 必选 要锁定的屏幕方向值，锁定屏幕方向可取以下值： "portrait-primary": 竖屏正方向； "portrait-secondary": 竖屏反方向，屏幕正方向按顺时针旋转180°； "landscape-primary": 横屏正方向，屏幕正方向按顺时针旋转90°； "landscape-secondary": 横屏方向，屏幕正方向按顺时针旋转270°； "portrait": 竖屏正方向或反方向，根据设备重力感应器自动调整； "landscape": 横屏正方向或反方向，根据设备重力感应器自动调整；

返回值：void : 无

  4）、unlockOrientation: 解除锁定屏幕方向

        void plus.screen.unlockOrientation();

说明：解除锁定屏幕方向后将恢复应用默认的屏幕显示方向（通常为应用打包发布时设置的方向）。

返回值：void : 无

3.2、display: Display模块管理应用可使用的显示区域信息

属性：

（1）、resolutionHeight: 应用可使用的屏幕高度逻辑分辨率

       plus.display.resolutionHeight;

说明：Number 类型 只读属性，设备屏幕区域包括系统状态栏显示区域和应用显示区域，display获取的是应用显示区域的逻辑分辨率，单位为px。 如果需要获取实际分辨率则需要乘以比例值scale。

平台支持：Android - 2.2+ (支持)，iOS - 4.3+ (支持)

示例：

[html] view plain copy

<!DOCTYPE html>  
<html>  
<head>  
<meta charset="utf-8">  
<title>Device Example</title>  
<script type="text/javascript">  
// H5 plus事件处理  
function plusReady(){  
alert( "Display height: " + plus.display.resolutionHeight*plus.screen.scale + "px" );  
}  
if(window.plus){  
plusReady();  
}else{  
document.addEventListener("plusready",plusReady,false);  
}  
</script>  
</head>  
<body>  
应用可使用的屏幕高度逻辑分辨率<br/>  
</body>  
</html>

（2）、resolutionWidth: 应用可使用的屏幕宽度逻辑分辨率

              plus.display.resolutionWidth;

说明：Number 类型 只读属性，设备屏幕区域包括系统状态栏显示区域和应用显示区域，display获取的是应用显示区域的逻辑分辨率，单位为px。 如果需要获取实际分辨率则需要乘以比例值scale。

示例：

[html] view plain copy

<!DOCTYPE html>  
<html>  
<head>  
<meta charset="utf-8">  
<title>Device Example</title>  
<script type="text/javascript">  
// H5 plus事件处理  
function plusReady(){  
alert( "Display width: " + plus.display.resolutionWidth*plus.screen.scale + "px" );  
}  
if(window.plus){  
plusReady();  
}else{  
document.addEventListener("plusready",plusReady,false);  
}  
</script>  
</head>  
<body>  
应用可使用的屏幕宽度逻辑分辨率<br/>  
</body>  
</html>

3.3、networkinfo: Device模块用于获取网络信息

3.3.1、常量

（1）、CONNECTION_UNKNOW: 网络连接状态未知

（2）、CONNECTION_NONE: 未连接网络

（3）、CONNECTION_ETHERNET: 有线网络

（4）、CONNECTION_WIFI: 无线WIFI网络

（5）、CONNECTION_CELL2G: 蜂窝移动2G网络

（6）、CONNECTION_CELL3G: 蜂窝移动3G网络

（7）、CONNECTION_CELL4G: 蜂窝移动4G网络

3.3.2、方法

getCurrentType: 获取设备当前连接的网络类型

      Number plus.networkinfo.getCurrentType();

说明：获取当前设备连接的网络类型，返回值为网络类型常量，可取值CONNECTION_*常量。

返回值：Number : 设备当前网络类型

平台支持：Android - 2.3+ (支持)，iOS - 4.3+ (支持): 无法区分蜂窝移动网络类型，在蜂窝移动网络环境下均返回CONNECTION_CELL2G。

示例：

[html] view plain copy

<!DOCTYPE html>  
<html>  
<head>  
<meta charset="utf-8">  
<title>Device Example</title>  
<script type="text/javascript">  
// H5 plus事件处理  
function plusReady(){  
var types = {};  
types[plus.networkinfo.CONNECTION_UNKNOW] = "Unknown connection";  
types[plus.networkinfo.CONNECTION_NONE] = "None connection";  
types[plus.networkinfo.CONNECTION_ETHERNET] = "Ethernet connection";  
types[plus.networkinfo.CONNECTION_WIFI] = "WiFi connection";  
types[plus.networkinfo.CONNECTION_CELL2G] = "Cellular 2G connection";  
types[plus.networkinfo.CONNECTION_CELL3G] = "Cellular 3G connection";  
types[plus.networkinfo.CONNECTION_CELL4G] = "Cellular 4G connection";  
alert( "Network: " + types[plus.networkinfo.getCurrentType()] );  
}  
if(window.plus){  
plusReady();  
}else{  
document.addEventListener("plusready",plusReady,false);  
}  
</script>  
</head>  
<body>  
获取设备当前连接的网络类型<br/>  
</body>  
</html>

3.4、os: OS模块管理操作系统信息

属性：

（1）、language: 系统语言信息

       plus.os.language;

说明：String 类型 只读属性，获取当前操作系统设置的系统语言，字符串类型数据。

平台支持：Android - 2.2+ (支持)，iOS - 4.3+ (支持)

示例：

[html] view plain copy

<!DOCTYPE html>  
<html>  
<head>  
<meta charset="utf-8">  
<title>Device Example</title>  
<script type="text/javascript">  
// H5 plus事件处理  
function plusReady(){  
alert( "OS language: " + plus.os.language );  
}  
if(window.plus){  
plusReady();  
}else{  
document.addEventListener("plusready",plusReady,false);  
}  
</script>  
</head>  
<body>  
获取系统语言信息<br/>  
</body>  
</html>

（2）、version: 系统版本信息

           plus.os.version;

说明：String 类型 只读属性，获取当前操作系统的版本信息，字符串类型数据。平台支持：Android - 2.2+ (支持)，iOS - 4.3+ (支持)

示例：

[html] view plain copy

<!DOCTYPE html>  
<html>  
<head>  
<meta charset="utf-8">  
<title>Device Example</title>  
<script type="text/javascript">  
// H5 plus事件处理  
function plusReady(){  
alert( "OS version: " + plus.os.version );  
}  
if(window.plus){  
plusReady();  
}else{  
document.addEventListener("plusready",plusReady,false);  
}  
</script>  
</head>  
<body>  
获取系统版本信息<br/>  
</body>  
</html>

（3）、name: 系统的名称

        plus.os.name;

说明：String 类型 只读属性，获取当前操作系统的名称，字符串类型数据。

平台支持：Android - 2.2+ (支持): 返回字符串“Android”，iOS - 4.3+ (支持): 返回字符串“iOS”

示例：

[html] view plain copy

<!DOCTYPE html>  
<html>  
<head>  
<meta charset="utf-8">  
<title>Device Example</title>  
<script type="text/javascript">  
// H5 plus事件处理  
function plusReady(){  
alert( "OS name: " + plus.os.name );  
}  
if(window.plus){  
plusReady();  
}else{  
document.addEventListener("plusready",plusReady,false);  
}  
</script>  
</head>  
<body>  
获取系统的名称<br/>  
</body>  
</html>

（4）、vendor: 系统的供应商信息

           plus.os.vendor;

说明：String 类型 只读属性，获取当前操作系统的供应商名称，字符串类型数据。

平台支持：Android - 2.2+ (支持): 返回字符串“Google”，iOS - 4.3+ (支持): 返回字符串“Apple”

示例：

[html] view plain copy

<!DOCTYPE html>  
<html>  
<head>  
<meta charset="utf-8">  
<title>Device Example</title>  
<script type="text/javascript">  
// H5 plus事件处理  
function plusReady(){  
alert( "OS name: " + plus.os.vendor );  
}  
if(window.plus){  
plusReady();  
}else{  
document.addEventListener("plusready",plusReady,false);  
}  
</script>  
</head>  
<body>  
获取系统的供应商信息<br/>  
</body>  
</html>

相关推荐：

html5获取手机GPS信息的示例代码分享

The above is the detailed content of HTML5 gets device information. For more information, please follow other related articles on the PHP Chinese website!

Statement
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Related Article
html5的div一行可以放两个吗html5的div一行可以放两个吗Apr 25, 2022 pm 05:32 PM

html5的div元素默认一行不可以放两个。div是一个块级元素，一个元素会独占一行，两个div默认无法在同一行显示；但可以通过给div元素添加“display：inline;”样式，将其转为行内元素，就可以实现多个div在同一行显示了。

html5中列表和表格的区别是什么html5中列表和表格的区别是什么Apr 28, 2022 pm 01:58 PM

html5中列表和表格的区别：1、表格主要是用于显示数据的，而列表主要是用于给数据进行布局；2、表格是使用table标签配合tr、td、th等标签进行定义的，列表是利用li标签配合ol、ul等标签进行定义的。

html5怎么让头和尾固定不动html5怎么让头和尾固定不动Apr 25, 2022 pm 02:30 PM

固定方法：1、使用header标签定义文档头部内容，并添加“position:fixed;top:0;”样式让其固定不动；2、使用footer标签定义尾部内容，并添加“position: fixed;bottom: 0;”样式让其固定不动。

HTML5中画布标签是什么HTML5中画布标签是什么May 18, 2022 pm 04:55 PM

HTML5中画布标签是“<canvas>”。canvas标签用于图形的绘制，它只是一个矩形的图形容器，绘制图形必须通过脚本（通常是JavaScript）来完成；开发者可利用多种js方法来在canvas中绘制路径、盒、圆、字符以及添加图像等。

html5中不支持的标签有哪些html5中不支持的标签有哪些Mar 17, 2022 pm 05:43 PM

html5中不支持的标签有：1、acronym，用于定义首字母缩写，可用abbr替代；2、basefont，可利用css样式替代；3、applet，可用object替代；4、dir，定义目录列表，可用ul替代；5、big，定义大号文本等等。

html5废弃了哪个列表标签html5废弃了哪个列表标签Jun 01, 2022 pm 06:32 PM

html5废弃了dir列表标签。dir标签被用来定义目录列表，一般和li标签配合使用，在dir标签对中通过li标签来设置列表项，语法“<dir><li>列表项值</li>...</dir>”。HTML5已经不支持dir，可使用ul标签取代。

html5是什么意思html5是什么意思Apr 26, 2021 pm 03:02 PM

html5是指超文本标记语言（HTML）的第五次重大修改，即第5代HTML。HTML5是Web中核心语言HTML的规范，用户使用任何手段进行网页浏览时看到的内容原本都是HTML格式的，在浏览器中通过一些技术处理将其转换成为了可识别的信息。HTML5由不同的技术构成，其在互联网中得到了非常广泛的应用，提供更多增强网络应用的标准机。

Html5怎么取消td边框Html5怎么取消td边框May 18, 2022 pm 06:57 PM

3种取消方法：1、给td元素添加“border:none”无边框样式即可，语法“td{border:none}”。2、给td元素添加“border:0”样式，语法“td{border:0;}”，将td边框的宽度设置为0即可。3、给td元素添加“border:transparent”样式，语法“td{border:transparent;}”，将td边框的颜色设置为透明即可。

See all articles

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

AI Hentai Generator

AI Hentai Generator

Generate AI Hentai for free.

Show More

Hot Article

R.E.P.O. Energy Crystals Explained and What They Do (Yellow Crystal)
2 weeks agoBy尊渡假赌尊渡假赌尊渡假赌
Repo: How To Revive Teammates
1 months agoBy尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: How To Get Giant Seeds
1 months agoBy尊渡假赌尊渡假赌尊渡假赌
How Long Does It Take To Beat Split Fiction?
4 weeks agoByDDD
R.E.P.O. Save File Location: Where Is It & How to Protect It?
4 weeks agoByDDD
Show More

Hot Tools

Dreamweaver Mac version

Dreamweaver Mac version

Visual web development tools

VSCode Windows 64-bit Download

VSCode Windows 64-bit Download

A free and powerful IDE editor launched by Microsoft

MinGW - Minimalist GNU for Windows

MinGW - Minimalist GNU for Windows

This project is in the process of being migrated to osdn.net/projects/mingw, you can continue to follow us there. MinGW: A native Windows port of the GNU Compiler Collection (GCC), freely distributable import libraries and header files for building native Windows applications; includes extensions to the MSVC runtime to support C99 functionality. All MinGW software can run on 64-bit Windows platforms.

PhpStorm Mac version

PhpStorm Mac version

The latest (2018.2.1) professional PHP integrated development tool

SAP NetWeaver Server Adapter for Eclipse

SAP NetWeaver Server Adapter for Eclipse

Integrate Eclipse with SAP NetWeaver application server.

Show More

Hot Topics

Where is the login entrance for gmail email?
7364
15
Java Tutorial
1628
14
CakePHP Tutorial
1353
52
Laravel Tutorial
1265
25
PHP Tutorial
1214
29
Show More