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

最近在看一本书,觉得讲得特别精辟,把一些重要的地方记录下来
   使用语义化的标签
   (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之类的标签,