欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

<编写高质量代码web前端开发修炼之道>之html总结_html/css_WEB-ITnose

程序员文章站 2022-04-15 21:44:05
...
最近在看一本书,觉得讲得特别精辟,把一些重要的地方记录下来
使用语义化的标签
(1)好处:能够很好地自我解释,方便搜索引擎理解网页的机构,抓取重要内容,去样式后也会根据浏览器的默认样式很好地组织网页内容,具有很好的可读性,从而实现对特殊终端的兼容
(2)常见模块:
demo 1: 常见的标签

title


更多

段落




demo 2:表单


form title








demo 3: 表格
















表单html
表头1 表头2 表头3
单元格1 单元格2 单元格3

注意demo2中的label中的for内容应该和input中的id保持一致
几点建议:
(1)尽可能少地使用无语义标签div或者span
(2)在语义不明显,既可以使用p也可以使用div的情况下,最好使用p,因为p有上下行边距,去掉样式之后可读性更好,对兼容特殊终端有利
(3)不用使用纯样式标签,比如b,font或者u之类的标签,