HTML5中标签的是由:元素(element)、属性(attribute)和值(value)组成。
元素:
大多数元素既包含文本,也包含其他元素(就像基本页面中的p元素)。这些元素由开始标签、内容和结束标签组成。开始标签是放在一对尖括号中的元素的名称及可能包含的属性,结束标签是放在一对尖括号中的斜杠加元素的名称。习惯上标签采用小写字母(html5对此并未做明确要求)。
还有一些元素是空元素(empty element或void element),既不包含文本也不包含其他元素。它们看起来像是开始标签和结束标签的结合,由左尖括号开头,然后是元素的名称和可能包含的属性,然后是一个可选的空格和一个可选的斜杠,最后是必有的右尖括号。
空元素(如这里显示的img元素)并不包含任何文本内容(alt属性中的文字是元素的一部分,并非显示在网页中的内容,当图片无法加载显示时,会显示alt提示信息文字)。空元素只有一个标签,同时作为元素的开始标签和结束标签使用。结尾处的空格和斜杠在HTML5中是可选的(XHTML要求空元素结尾处必须有斜杠)。不过,元素最后面的>是必需的。
属性和值:
属性包含了元素的额外信息,在HTML5中,属性值两边的引号是可选的,但习惯上大家还是会写上,因此建议始终这样做。跟元素的名称一样,尽量使用小写字母编写属性的名称。
这是一个label元素(关联文本标签与表单字段),它有一个简单的属性–值对。属性总是位于元素的开始标签内,属性的值通常放在一对双引括号中。
1,有的元素(比如a和img)可以有多个属性,每个属性都有各自的值。属性的顺序并不重要。不同的属性–值对之间都用空格隔开。
2,有的属性可以接受任何值,有的则有限制。最常见的还是那些仅接受预定义值(也称为枚举值)的属性。也就是说,必须从一个标准列表中选一个值,一定要用小写字母编写枚举值。
这里,只能将link元素里的media属性设为all、screen、print等值中的一个,不能像href属性和title属性那样可以输入任意值。
3,有许多属性的值需要设置为数字,特别是那些描述大小和长度的属性。数字值无需,包含单位,只需输入数字本身。图像和视频的宽度和高度是有单位的,默认为像素。 4,有的属性(如href和src)用于引用其,他文件,它们只能包含URL(统一资源定位符,是万维网上文件的唯一地址)形式的值。
5,还有一种特殊的属性称为布尔属性(Boolean attribute)。这种属性的值是可选的,因为只要这种属性出现就表示其值为真。如果一定要包含一个值,就写上属性名本身(这样做的效果是一样的)。
这段代码提供了一个让用户输入电子邮件地址的输入框(参见第18章)。布尔属性required代表用户必须填写该输入框。布尔属性不需要属性值,如果一定要加上属性值,则写作required="required"。
元素标签存在着父子元素的关系,嵌套的时候要保证每个元素都必须嵌套正确。