html中元素分類

2021-06-08 16:45:27 字數 1854 閱讀 7654

html 元素可分為3類: 塊元素(block)、內聯元素(in-line)、可變元素

內聯元素又可以稱之為內嵌元素、行內元素,都一樣,只是叫法不同。

內聯元素與塊元素的區別在哪呢?

塊元素 在預設情況下會換行顯示(也就是每新建乙個塊元素會自動在下一行顯示)

內聯元素 在預設情況下會在一行內顯示(也就是正好與塊元素相反)

就這麼簡單,別想多了,那可變元素呢?

可變元素 就是會自動根據上下文關係確定自己是塊元素還是內聯元素,可變元素由上下文確定自己的元素類別。

以下我們列出了所有塊元素、內聯元素、可變元素,便於您參考: 塊元素(block)

* address - 位址

* blockquote - 塊引用

* center - 舉中對齊塊

* dir - 目錄列表

* div - 常用塊級容易,也是css layout的主要標籤

* dl - 定義列表

* fieldset - form控制組

* form - 互動表單

* h1 - 大標題

* h2 - 副標題

* h3 - 3級標題

* h4 - 4級標題

* h5 - 5級標題

* h6 - 6級標題

* hr - 水平分隔線

* isindex - input prompt

* menu - 選單列表

* noframes - frames可選內容,(對於不支援frame的瀏覽器顯示此區塊內容

* noscript - 可選指令碼內容(對於不支援script的瀏覽器顯示此內容)

* ol - 排序表單

* p - 段落

* pre - 格式化文字

* table - **

* ul - 非排序列表

內聯元素(inline)

* a - 錨點

* abbr - 縮寫

* acronym - 首字

* b - 粗體(不推薦)

* bdo - bidi override

* big - 大字型

* br - 換行

* cite - 引用

* code - 計算機**(在引用原始碼的時候需要)

* dfn - 定義字段

* em - 強調

* font - 字型設定(不推薦)

* i - 斜體

* img -

* input - 輸入框

* kbd - 定義鍵盤文字

* label - **標籤

* q - 短引用

* s - 中劃線(不推薦)

* samp - 定義範例計算機**

* select - 專案選擇

* small - 小字型文字

* span - 常用內聯容器,定義文字內區塊

* strike - 中劃線

* strong - 粗體強調

* sub - 下標

* sup - 上標

* textarea - 多行文字輸入框

* tt - 電傳文字

* u - 下劃線

* var - 定義變數

可變元素

rel 屬性 -- rel屬性,描述了當前頁面與href所指定文件的關係.

rev 屬性 -- rev屬性,描述了href所指定文件與當前頁面的關係.

rel與rev的區別

rel與rev具有互補的作用,rel指定了向前鏈結的關係,rev指定了反向鏈結的關係.

rel屬性通常出現在a,link標籤中

html中元素分類

html一般有 塊級元素 行元素 內聯塊元素 內聯元素 行內元素 他們的區別 塊級元素會獨佔一行可以設定寬高 margin padding 在css樣式中一般用display block 表示 一般的塊級元素有 p標籤可以強制換行 因為他獨佔了一行 內聯元素不會獨佔一行 不能設定寬高,他的大小由內容...

html中元素定位

定位 元素通過定位屬性與定位座標確定顯示位置.屬性position static 無特殊定位,物件遵循html定位預設規則 fiexd 固定定位 relative 相對定位 absolute 絕對定位 四個座標 left 左,right 右,top 頂,botton 底 固定定位fixed l 給元...

HTML元素分類

面試的時候被問了乙個問題,塊級元素和內聯元素的區別。我想這不是很簡單嗎,就說塊級元素是佔據一整行而內聯元素是乙個乙個緊挨著 用通俗的語言說的,感覺不太專業 然後面試官又問我內聯元素可以使用padding和margin嗎,我就懵了。頓時覺得自己學的東西很不紮實,深入一點的都不是很了解。就表現形式來看 ...