前端3+1(Day11)11.1

前端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对象

上一篇:【HTML】笔记(4)--- 元素的id属性;div和span


下一篇:CSS定位装饰