首頁  >  文章  >  web前端  >  html塊狀元素、內聯元素的詳細介紹

html塊狀元素、內聯元素的詳細介紹

高洛峰
高洛峰原創
2017-03-20 17:06:571839瀏覽

原文在這裡

塊級元素的分類    
塊級元素依其應用於結構或內容分為三種:結構化塊狀元素,終端塊狀元素,多目標塊狀元素。
一.結構化塊狀元素   
這類元素用於建構文件的結構,一個好的文件結構對於搜尋引擎和應用其他技術(如JavaScript)都是十分有利的。它們沒有語意上的意義,僅僅劃分出了文件的組織方式,並沒有反映文件的內容。
主要的結構塊狀元素   
    *

       
        *
         
          * <dl> 1 
          *
    •    
          *
         
          *
         
           *    
          *    
          *    
          *    
          *    
       ,能夠表明內容的性質。終端塊狀元素屬於結構的終點,它們不能再包含其他區塊級元素,只能包含文字或行級元素。
      終端塊狀元素   
          *

      ...

         
          *

         
         * <ltblock;p>    
         * <ltblock;p>    
         * <blockquote>     *

         
          *    
      三.多目標區塊狀元素   
      所謂多目標指的是可自由的擴充或巢狀文件的結構,以終端可以終端機的形式出現。當多目標塊狀元素以結構化的方式使用時就含有結構化的內涵,以終端的形式使用就含有語意的內涵。    
      多目標區塊狀元素可以包含區塊狀元素,也可以包含內容(文字與行級元素的組合為內容),但不能同時包含兩者。應該把內容放在塊狀元素中。塊狀元素不應作為行級元素與文本的兄弟元素,受HTML校驗器的限制,目前還沒辦法檢驗出此種情況,但是應該避免。
      多目標塊狀元素   
          *

         
          *

    •    
          * <    
          *
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn