前端3+1(Day11)
你对标签语义化的理解
就是标签对内容有所表达,例如HTML5语义化标签的主要有:
, ,
优点:
-
为了在没有css的情况下,页面也能呈现出很好的内容结构,代码结构
-
比
标签更具有丰富的含义,方便开发于维护 -
方便搜索引擎能识别页面结构,有利于SEO
-
方便其他设备解析(如盲人阅读器)
-
有利于合作
注意点:
-
应该尽可能少的使用无语义化的标签div,span
-
在语义不明显示,既可以使用div或者p,尽量用p,因为p在默认情况下有上下间距,对兼容性特殊终端有利
-
不要使用纯样式标签,如:b,font,u等,改用css
-
需要强调的文本,可以包含在strong或者em标签中
-
使用表格时,标题要用caption,表头要用thead,主体部分用tbody,尾部用tfoot
-
表单域用fieldset标签包起来,用legend标签说明表单的用途
-
每一个input都要有一个label对象