H5由元素(element)、属性(attribute)和值(value)组成。
元素:
经典型:
<em>amazed</em>
空元素:
<img src="blueflax.jpg" width="300" height="175" alt="Blue Flax" />
空元素(如这里显示的
img
元素)并不包含任何文本内容(
alt
属性中的文字是元素的一部分,并非显示在网页中的内容) 。空元素只有一个标签,同时作为元素的开始标签和束标签使用。结尾处的空格和斜杠在
HTML5
中是可选的。不过,元素最后面的
>
是必需的。
属性和值:
<label for="email">Email Address</label>
这是一个
label
元素(关联文本标签与表单字段),它有一个简单的属性
–
值对。属性总是位于元素的开始标签内,属性的值通常放在一对引号中,属性值两边的引号是可选的。
有的元素可以有多个属性,每个属性都有各自的值。属性的顺序并不重要。不同的属性 – 值对之间都用空格隔开
<a href="http://en.wikipedia.org/wiki/Linum_lewisii" rel="external" title="Learn more about Blue Flax">Blue Flax</a>
<img src="img/blueflax.jpg" width="300" height="175" alt="Blue Flax" />
有的属性只接受特定的值。例如,只能将 link 元素里的 media 属性设为 all、 screen、 print 等值中的一个,不能像 href 属性和 title 属性那样可以输入任意值
<link rel="stylesheet" media="screen" href="style.css" />
有许多属性的值需要设置为数字,特别是那些描述大小和长度的属性。数字值无需包含单位,只需输入数字本身。图像和视频的宽度和高度是有单位的,默认为像素。
有的属性(如 href 和 src)用于引用其他文件,它们只能包含 URL(统一资源定位符,是万维网上文件的唯一地址)形式的值。
有一种特殊的属性称为布尔属性(Boolean attribute)。这种属性的值是可选的,因为只要这种属性出现就表示其值为真。如果一定要包含一个值,就写上属性名本身(这样做的效果是一样的)。布尔属性也是预先定义好的。
<input type="email" name="emailaddr" required />
<input type="email" name="emailaddr" required="required" />