塊級標籤 行內標籤 和基本巢狀規則

2022-08-12 06:06:22 字數 503 閱讀 3317

塊級標籤 -- 大標籤

特點:獨佔一行

div 無意義的標籤,一般作為容器

p 段落

h1-h6

h1-h3對搜尋引擎友好

h1 logo 1次

h2 3次

h3 反覆使用

行內標籤 -- 小標籤

特點:左右排列

img alt src title

超連結 a href="" target="_blank(在新頁面中開啟)" title

補充,使用比較少

span

brhr

strong/b

em/i

delu

supsub

基本巢狀規則

div可以巢狀任何標籤

大標籤巢狀小標籤

p標籤只能巢狀小標籤

小標籤之間可以相互巢狀

a不能巢狀自己

單標籤不能巢狀

塊級標籤,行內標籤,行內塊標籤

行內元素 塊標籤行內塊標籤 巢狀規則 塊級元素 獨佔一行,對寬高的屬性值生效 如果不給寬度,塊級元素就預設為瀏覽器的寬度,即就是100 寬 行內元素 可以多個標籤存在一行,對寬高屬性值不生效,完全靠內容撐開寬高!行內塊元素 結合的行內和塊級的優點,不僅可以對寬高屬性值生效,還可以多個標籤存在一行顯示...

塊級標籤和行內標籤的測試總結

總結 1.塊級標籤可以設定寬高 width height 和text align 行標籤由內容撐開,不能設定寬高和text align 需要注意 行標籤 單獨使用的 讀者不必了解,沒有實際應用場景 和系列標籤可以設定寬高 並且可以設定text align,系列標籤 除了type為checkbox r...

前端之標籤分類塊標籤和行內標籤

一 塊級元素 1 塊級元素的特徵 1 塊級元素獨佔一行,之後的元素也只能另起一行,相鄰的兩個塊級元素不能共用一行。2 塊級元素其元素的高度,寬度,行高和頂部底部邊距都是可以設定的。3 元素的寬度如果不設定的話,預設為父元素的寬度。4 塊級元素對應的屬性為display block 2 常見塊級元素 ...