什么是HTML语义化?
根据内容的结构化(内容语义化),选择合适的标签(代码语义化)便于开发者阅读和写出更优雅的代码的同时让浏览器的爬虫和机器很好地解析
为什么要语义化?
1.为了在没有css的情况下,页面也可以呈现出很好的内容结构
2.用户体验:例如title alt用于解释名词或解释图片信息 label标签的活用
3.有利于SEO:和搜索引擎建立良好沟通,有利于爬虫抓取更多的有效信息:爬虫依赖于标签来确定上下文和各个关键字的权重
4.方便其他设备解析(如屏幕阅读器 盲人阅读器 移动设备)以及有意义的方式来渲染网页
5.便于团队开发和维护,语义化更具有可读性,遵循W3C标准,可减少差异化
写代码是应注意什么?
1.尽可能少的使用无语义的标签div和span;
2.在语义不明显时,既可以使用div或者p时,尽量用p,因为p在默认情况下有上下内边矩,对兼容特殊的中端有利;
3.不要使用纯样式标签,如:b font u等 已经被抛弃了
4.需要强调的文本,可以包含在strong或者em标签中,strong是字体加粗,em是字体倾斜
5.使用表格时,标题要用caption,表头用thead,主体部分用tbody包住,尾部用tfoot包住 表头和一般单元格要区分开,表头用th,单元格是td;
6.表单域要用fiedset标签包起来,并用legend标签说明表单的用途
7.每个input标签对应的说明文本都需要使用label标签,并且通过为input设置id属性,在label标签中设置for=someld来说明文本和相对应的input关联起来
HTML5新增的标签
http://www.w3school.com.cn/tags/index.asp