<form id="hz9zz"></form>
    • <form id="hz9zz"></form>
    

      

      <nobr id="hz9zz"></nobr>
      <form id="hz9zz"></form>
      3.   
          
      明輝手游網中心：是一個免費提供流行視頻軟件教程、在線學習分享的學習平臺！
                   
        
                           
        
                        		  
        
                 
              
                
      HTML的代碼書寫有哪一些規范
                
                  發表時間：2023-09-19             來源：明輝站整理相關軟件相關文章人氣：          
              
      [摘要]這次給大家帶來HTML的代碼書寫有哪些規范，書寫HTML的代碼的注意事項有哪些，下面就是實戰案例，一起來看一下。通用約定標簽自閉合（self-closing）標簽，無需閉合 ( 例如： img input br hr 等 )；可選的閉合標簽（closing tag），需閉合 ( 例如：</l...
      這次給大家帶來HTML的代碼書寫有哪些規范，書寫HTML的代碼的注意事項有哪些，下面就是實戰案例，一起來看一下。
      通用約定
      標簽
      自閉合（self-closing）標簽，無需閉合 ( 例如： img input br hr 等 )；
      可選的閉合標簽（closing tag），需閉合 ( 例如：</li> 或 </body>)；
      盡量減少標簽數量；
      <img src="images/google.png" alt="Google">  
<input type="text" name="title">   
<ul>  
  <li>Style</li>  
  <li>Guide</li>  
</ul>  
<!-- Not recommended -->  
<span class="avatar">  
  <img src="...">  
</span>  
<!-- Recommended -->  
<img class="avatar" src="...">
      Class 與 ID
      class 應以功能或內容命名，不以表現形式命名；
      class 與 id 單詞字母小寫，多個單詞組成時，采用中劃線-分隔；
      使用唯一的 id 作為 Javascript hook，同時避免創建無樣式信息的 class；
      <!-- Not recommended -->  
<div class="j-hook left contentWrapper"></div>   
<!-- Recommended -->  
<div id="j-hook" class="sidebar content-wrapper"></div>
      屬性順序
      HTML 屬性應該按照特定的順序出現以保證易讀性。
      id
      class
      name
      data-xxx
      src, for, type, href
      title, alt
      aria-xxx, role
      <a id="..." class="..." data-modal="toggle" href="###"></a>  
  
<input class="form-control" type="text">  
  
<img src="..." alt="...">
      引號
      屬性的定義，統一使用雙引號。
      相信看了這些案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！
      相關閱讀：
      HTML你一定要知道的優化技巧
      html的元素水平垂直居中應該怎么設置
      怎樣用HTML和CSS做出大白
      以上就是HTML的代碼書寫有哪些規范的詳細內容，更多請關注php中文網其它相關文章！
      				
				
      網站建設是一個廣義的術語，涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。




              
              
                 
              
                                            
                              		       
                          
                           		  
        
                            
      
日韩精品一区二区三区高清