1.标题语义化--------h1~h6
2.图片语义化
img标签
img标签的两个重要属性:alt、title
alt:搜索引擎
title:title属性也是用于图片描述,不过这个描述文字是给用户看的。并且当鼠标指针一道图潘上时,会显示title中的内容
在实际开发中,通常使用figure与figcaption元素,实现“图片+图注”的效果
对于img标签:当图片作为HTML的一部分,并且想要被搜索引擎所识别时,则应该使用img标签;当图片只是起到修饰作用,并不想被搜索引擎识别时,则应该使用背景图片
3.表单语义化
主要从两个方面探究:
(1)label标签
label标签用于显示在输入控件旁边的说明性文字,也就是将某个表单元素和某段文字关联起来
关联:
说明:label标签的for属性有两个作用:
1.语义上绑定了label元素和表单元素
2.增强了鼠标可用性。即当我们点击label中的文本时,其关联的表单元素也会获得焦点
(2)fieldest标签和legend标签
4.其他语义化
5.语义化验证
6.HTML5摒弃的标签