超文本標記語言(英語:HyperText Markup Language,簡稱:HTML)是一種用於創建網頁的標準標記語言。那麼html元素的分類與區別是什麼呢?本文就將對此進行介紹。
HTML元素
HTML 元素以開始標籤起始,以結束標籤終止。元素的內容是開始標籤與結束標籤之間的內容。某些 HTML 元素具有空內容(empty content)。空元素在開始標籤中進行關閉(以開始標籤的結束而結束)。大多數 HTML 元素可擁有屬性。
標籤分類與區別
html標籤(又叫html元素)分爲:塊級元素和內聯級元素(又稱爲行內元素)
塊級元素
塊級元素是指本身屬性爲display:block;的元素。因爲它自身的特點,我們通常使用塊級元素來進行大布局(大結構)的搭建。
塊級元素的特點
- 獨佔一行,每一個塊級元素都會從新的一行重新開始,從上到下排布
- 可以直接控制寬度、高度以及盒子模型的相關css屬性
- 在不設置寬度的情況下,塊級元素的寬度是它父級元素內容的寬度
- 在不設置高度的情況下,塊級元素的高度是它本身內容的高度
常見塊級元素
- div 常用塊級元素,CSS-layout的主要標籤
- h1~h6 標題,大標題,副標題,。。。六級標題
- hr 水平分隔線
- menu 菜單列表
- ol 有序列表
- ul 無序列表
- li 列表項
- dl 第一列表
- dt 定義術語
- dd 定義描述
- table 表格
- p 段落
- from 交互表單
內聯元素(行內元素)
內聯元素是指本身屬性爲display:inline;的元素。因爲它自身的特點,我們通常使用行內元素來進行文字、小圖標(小結構)的搭建。
內聯元素(行內元素)的特點
- 和其他內聯元素從左到右在一行顯示
- 不能直接控制寬度、高度以及盒子模型的相關css屬性,但是直接設置內外邊距的左右值是可以的
- 內聯元素的寬高是由本身內容的大小決定(文字、圖片等)
- 內聯元素只能容納文本或者其他內聯元素(此處請注意,不要在內聯元素中嵌套塊級元素)
常見內聯元素
- span 常用內聯元素,定義文本內區塊
- a 錨點
- b 加粗
- strong 加粗強調
- i 斜體
- em 斜體強調
- s 中劃線(不推薦)
- strike 中劃線
- del 文檔中已被刪除的文本
- br 強制換行
- textarea 多行文本輸入框
- input 輸入框
- select 下拉列表
- label input元素定義標註(標記)
- img 引入圖片
- sub 下標
- sup 上標
- big 大字體文本
- small 小字體文本