masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
Rumah > hujung hadapan web > html tutorial > <编写高质量代码web前端开发修炼之道>之html总结_html/css_WEB-ITnose

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

WBOY
Lepaskan： 2016-06-24 11:36:33
asal
1115 orang telah melayarinya

最近在看一本书,觉得讲得特别精辟,把一些重要的地方记录下来
   使用语义化的标签
   (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之类的标签,
        
         
Label berkaitan：
&lt;编写高质量代码web前端开发修炼之道&gt;之html总结
sumber：php.cn
Artikel sebelumnya：删除html元素_html/css_WEB-ITnose Artikel seterusnya：CSS:关于元素高度与宽度的讨论 系列文章(三)_html/css_WEB-ITnose
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Isu terkini
function_exists() tidak boleh menentukan fungsi tersuai Ujian fungsi () {return true;} jika (function_exists ('test')) {echo "test is functio...
daripada 2024-04-29 11:01:01
0
3
2194
Bagaimana untuk memaparkan versi mudah alih Google Chrome Hello cikgu, bagaimana saya boleh menukar Google Chrome kepada versi mudah alih?
daripada 2024-04-23 00:22:19
0
11
2341
Tetingkap anak mengendalikan tetingkap induk, tetapi output tidak bertindak balas. Dua ayat pertama boleh dilaksanakan, tetapi ayat terakhir tidak boleh dilaksanakan.
daripada 2024-04-19 15:37:47
0
1
1963
Tiada output dalam tetingkap induk document.onclick = function(){ window.opener.document.write('Saya adalah output tetingkap ...
daripada 2024-04-18 23:52:34
0
1
1851
Di manakah perisian kursus tentang pemetaan minda CSS? Perisian kursus
daripada 2024-04-16 10:10:18
0
0
1910
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan