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

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

WBOY
Release: 2016-06-24 11:36:33
Original
1117 people have browsed it

最近在看一本书,觉得讲得特别精辟,把一些重要的地方记录下来
   使用语义化的标签
   (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之类的标签,
        
         
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template