<编写高质量代码web前端开发修炼之道>之html总结_html/css_WEB-ITnose
程序员文章站
2022-04-15 21:44:05
...
最近在看一本书,觉得讲得特别精辟,把一些重要的地方记录下来
使用语义化的标签
(1)好处:能够很好地自我解释,方便搜索引擎理解网页的机构,抓取重要内容,去样式后也会根据浏览器的默认样式很好地组织网页内容,具有很好的可读性,从而实现对特殊终端的兼容
(2)常见模块:
demo 1: 常见的标签
更多
demo 2:表单
demo 3: 表格
注意demo2中的label中的for内容应该和input中的id保持一致
几点建议:
(1)尽可能少地使用无语义标签div或者span
(2)在语义不明显,既可以使用p也可以使用div的情况下,最好使用p,因为p有上下行边距,去掉样式之后可读性更好,对兼容特殊终端有利
(3)不用使用纯样式标签,比如b,font或者u之类的标签,
使用语义化的标签
(1)好处:能够很好地自我解释,方便搜索引擎理解网页的机构,抓取重要内容,去样式后也会根据浏览器的默认样式很好地组织网页内容,具有很好的可读性,从而实现对特殊终端的兼容
(2)常见模块:
demo 1: 常见的标签
title
更多
段落
demo 2:表单
demo 3: 表格
表头1 | 表头2 | 表头3 |
---|---|---|
单元格1 | 单元格2 | 单元格3 |
注意demo2中的label中的for内容应该和input中的id保持一致
几点建议:
(1)尽可能少地使用无语义标签div或者span
(2)在语义不明显,既可以使用p也可以使用div的情况下,最好使用p,因为p有上下行边距,去掉样式之后可读性更好,对兼容特殊终端有利
(3)不用使用纯样式标签,比如b,font或者u之类的标签,
推荐阅读
-
《编写高质量代码??Web前端开发修炼之道》读后随笔_html/css_WEB-ITnose
-
编码规范之编写灵活、稳定、高质量的 HTML 和 CSS 代码的规范_html/css_WEB-ITnose
-
《编写高质量代码--Web前端开发修炼之道》读书笔记_html/css_WEB-ITnose
-
编码规范之编写灵活、稳定、高质量的 HTML 和 CSS 代码的规范_html/css_WEB-ITnose
-
《编写高质量代码--Web前端开发修炼之道》读书笔记_html/css_WEB-ITnose
-
专访:《编写高质量代码web前端开发修炼之道》作者@阿当_html/css_WEB-ITnose
-
专访:《编写高质量代码web前端开发修炼之道》作者@阿当_html/css_WEB-ITnose
-
<编写高质量代码web前端开发修炼之道>之html总结_html/css_WEB-ITnose
-
<编写高质量代码web前端开发修炼之道>之html总结_html/css_WEB-ITnose