一文讲解HTML5属性

开课吧开课吧锤锤2021-07-30 14:23

正如HTML5语法中所阐述的,元素可以包含属性(attributes)给一个元素设置各种属性(properties)。 

一文讲解HTML5属性 

有些属性被定义为全局的,可以用在任何元素上,而其他的被定义为元素特有的。所有的属性都有一个名称和一个值,看起来如下面的示例所示。  

下面是一个使用HTML5属性的例子,演示了如何用名为class的属性和值“example”标记一个div元素:  

<div class="example">...</div>

正如HTML5语法中所阐述的,元素可以包含属性(attributes)给一个元素设置各种属性(properties)。  

有些属性被定义为全局的,可以用在任何元素上,而其他的被定义为元素特有的。所有的属性都有一个名称和一个值,看起来如下面的示例所示。  

下面是一个使用HTML5属性的例子,演示了如何用名为class的属性和值“example”标记一个div元素:  

属性只能在起始标签中指定,绝对不能用在结束标签中。  

HTML5属性不区分大小写,可以全部大写或者混合使用,尽管最常见的约定是始终使用小写。  

标准属性  

下面列出的属性几乎所有的HTML5标签都支持。  

属性

选项

功能

accesskey

用户自定义

定义访问元素的键盘快捷键。

align

right, left, center

水平对齐标签。

background

URL

在元素后面设置一个背景图像。

bgcolor

数值,十六进制值,RGB值

在元素后面设置一个背景颜色。

class

用户定义。

分类一个元素,便于使用级联样式表。

contenteditable

true, false

定义用户是否可以编辑元素的内容。

contextmenu

Menu id

为元素定义上下文菜单。

data-XXXX

用户定义。

自定义属性。 HTML 文档的作者可以定义自己的属性。 自定义属性必须以 "data-" 开头。

draggable

true,false, auto

定义用户是否可以拖动元素。

height

数字值

定义表格,图像或表格单元的高度。

hidden

hidden

定义元素是否应该可见。

id

用户定义。

命名元素,便于使用级联样式表。

item

元素列表。

用于组合元素。

itemprop

条目列表。

用于组合条目。

spellcheck

true, false

定义元素是否必须有拼写或错误检查。

style

CSS 样式表。

给元素定义内联样式。

subject

用户定义 id。

定义元素关联的条目。

tabindex

Tab number

定于元素的 tab 键顺序。

title

用户定义。

元素的“弹出”标题。

valign

top, middle, bottom

HTML 元素内标签的垂直对齐方式。

width

数字值。

定义表格,图像和表格单元的宽度。

完整的HTML5标签列表以及相关的属性请参考HTML5标签。  

自定义属性  

HTML5还引入了一个新特性,就是可以添加自定义的数据属性。  

自定义数据属性以data-开头,基于我们的需求命名。下面是一个简单的例子:  

<div class="example" data-subject="physics" data-level="complex">
...
</div>

以上就是开课吧广场小编为大家整理发布的“一文讲解HTML5属性”一文,更多Web教程相关信息尽在开课吧Web教程频道。 

免责声明:本站所提供的内容均来源于网友提供或网络搜集,由本站编辑整理,仅供个人研究、交流学习使用。如涉及版权问题,请联系本站管理员予以更改或删除。
有用
分享