HTML属性专题测试

20 题 50 分钟难度：★

考察知识点

知识点	题目数量	题型分布
HTML属性基本概念	5道	单选、判断
全局属性	4道	单选、判断
元素特有属性	5道	多选、单选
属性值写法与转义	3道	填空、简答
布尔属性	3道	单选、判断

💡 参考答案在文末

判断题

判断：HTML属性为元素提供附加信息，如样式、链接、标识等。

对

错

判断：data-*属性的命名可以使用大写字母，如data-UserID。

对

错

判断：checked属性用于让复选框或单选按钮默认选中。

对

错

判断：style属性可以为元素添加内联CSS样式。

对

错

单选题

<a>标签的href属性用于什么？

定义链接的样式

定义链接的目标地址

定义链接的打开方式

定义链接的标题

class属性的作用是什么？

为元素定义唯一标识符

为元素添加样式类名，可被多个元素共用

为元素添加内联样式

为元素定义数据属性

布尔属性的特点是什么？

属性值必须写"true"或"false"

属性只要存在就表示启用，不需要写属性值

属性值必须是数字

属性必须写在结束标签

disabled属性的作用是什么？

使元素隐藏不显示

使元素禁用，不可交互

使元素只读

使元素获得焦点

data-*属性的作用是什么？

定义元素的样式

在元素上存储自定义数据

定义元素的唯一标识

定义元素的链接地址

在JavaScript中，如何访问元素的data-*属性？

element.data.id

element.dataset.id

element.getAttribute('id')

element.dataId

<img>标签的src属性用于什么？

定义图片的替代文本

定义图片的路径地址

定义图片的宽度

定义图片的标题

HTML属性的正确书写格式是什么？

<div color=red>

<div color="red">

<div style:red>

<div {color: red}>

id属性的作用是什么？

为元素添加样式类名

为元素定义唯一标识符

为元素添加内联样式

为元素定义链接地址

以下关于HTML属性的书写规范，哪个是正确的？

属性名必须大写

属性名必须小写

属性名可以随意大小写

属性值不需要引号

多选题

以下哪些是元素特有的属性（非全局属性）？

<img>的src属性

<a>的href属性

所有元素的class属性

<input>的type属性

<meta>的charset属性

以下哪些是HTML的布尔属性？

disabled

checked

readonly

required

value

以下关于data-*属性的说法，哪些是正确的？

data-*属性可以存储任意自定义数据

dataset是JavaScript访问data-*属性的方式

data-*属性会影响页面的样式显示

data-*属性名必须使用小写字母

data-*属性可用于传递配置信息给JavaScript

填空题

表单输入框<input>的____________属性用于标识表单字段名称，____________属性设置输入框的默认值，____________属性显示输入提示文字，required属性标记为必填字段。

自定义属性必须以____________开头，后面跟自定义名称。在JavaScript中，使用____________对象访问这些属性。HTML中的连字符命名如data-user-id，在JS中转换为____________式命名如dataset.userId。

简答题

请详细说明HTML属性值的书写规范，包括引号的使用规则、属性名命名规范、特殊字符的转义方法，以及哪些情况下必须使用引号。

参考答案

1.正确 2.错误 3.正确 4.正确 5.B 6.B 7.B 8.B 9.B 10.B 11.B 12.B 13.B 14.B 15.A;B;D;E 16.A;B;C;D 17.A;B;D;E 18.name;value;placeholder 19.data-;dataset;驼峰 20.略

想在手机上练习这套试卷？

使用微信卷王开发者小程序，打开首页顶部扫码功能识别二维码