html標籤的分類

2021-09-29 13:05:33 字數 2112 閱讀 2348

在html頁面中,帶有「< >」符號的元素被稱為html標籤,如上面提到的 、、都是html標籤。所謂標籤就是放在「< >」 標籤符中表示某個功能的編碼命令,也稱為html標籤或 html元素

1.雙標籤

《標籤名

>

內容 標籤名

>

該語法中「《標籤名》」表示該標籤的作用開始,一般稱為「開始標籤(start tag)」,「>

我是文字 body

>

2.單標籤

《標籤名

/>

單標籤也稱空標籤,是指用乙個標籤符號即可完整地描述某個功能的標籤。

比如  

/>

標籤的相互關係就分為兩種:

1.巢狀關係

>

>

title

>

head

>

2.並列關係

```html

>

head

>

>

body

>

# 文件型別

這句話就是告訴我們使用哪個html版本? 我們使用的是 html 5 的版本。 html有很多版本,那我們應該告訴使用者和瀏覽器我們使用的版本號。

標籤位於文件的最前面,用於向瀏覽器說明當前文件使用哪種 html 或 xhtml 標準規範,必需在開頭處使用標籤為所有的xhtml文件指定xhtml版本和型別,只有這樣瀏覽器才能按指定的文件型別進行解析。

注意: 一些老**可能用的還是老版本的文件型別比如 xhtml之類的,但是我們學的是html5,而且html5的文件型別相容很好(向下相容的原則),所以大家放心的使用html5的文件型別就好了。

utf-8是目前最常用的字符集編碼方式,常用的字符集編碼方式還有gbk和gb2312。

gb2312 簡單中文 包括6763個漢字

big5 正體中文 港澳台等用

gbk包含全部中文字元 是gb2312的擴充套件,加入對繁體字的支援,相容gb2312

utf-8則包含全世界所有國家需要用到的字元

記住一點,以後我們統統使用utf-8 字符集, 這樣就避免出現字符集不統一而引起亂碼的情況了。
白話: 所謂標籤語義化,就是指標籤的含義。

方便**的閱讀和維護

同時讓瀏覽器或是網路爬蟲可以很好地解析,從而更好分析其中的內容

使用語義化標籤會具有更好地搜尋引擎優化

核心:合適的地方給乙個最為合理的標籤。

語義是否良好: 當我們去掉css之後,網頁結構依然組織有序,並且有良好的可讀性。

不管是誰都能看懂這塊內容是什麼。

遵循的原則:先確定語義的html ,再選合適的css。

首先 html和css是兩種完全不同的語言,我們學的是結構,就只寫html標籤,認識標籤就可以了。 不會再給結構標籤指定樣式了。

html標籤有很多,這裡我們學習最為常用的,後面有些較少用的,我們可以查下手冊就可以了。

排版標籤主要和css搭配使用,顯示網頁結構的標籤,是網頁布局最常用的標籤。

單詞縮寫: head 頭部. 標題

為了使網頁更具有語義化,我們經常會在頁面中用到標題標籤,html提供了6個等級的標題,即

、、單詞縮寫: paragraph 段落

在網頁中要把文字有條理地顯示出來,離不開段落標籤,就如同我們平常寫文章一樣,整個網頁也可以分為若干個段落,而段落的標籤就是

>

文字內容 p

>

是html文件中最常見的標籤,預設情況下,文字在乙個段落中會根據瀏覽器視窗的大小自動換行。

單詞縮寫: horizontal 橫線

在網頁中常常看到一些水平線將段落與段落之間隔開,使得文件結構清晰,層次分明。這些水平線可以通過插入實現,也可以簡單地通過標籤來完成,

就是建立橫跨網頁水平線的標籤。其基本語法格式如下:

/>

是單標籤

HTML標籤分類

按閉合特徵分類 按是否換行分類 塊級元素特點 常用的塊級元素 標籤描述 div常用塊級容器,也是css和layout的主要標籤 h1 h6 一二三四五六級標題 hr水平分割線 menu 選單列表 ol ul li 有序列表 無序列表 列表項 dl dt dd 自定義列表 定義分類 類項描述 tabl...

HTML標籤分類

html標籤分類 塊級標籤 顯示為 塊 狀,獨佔一行 前後斷行顯示 佔據一整行 具有寬度和高度 常用作容器 沒有實際意義 容納 其他塊級標籤或行級標籤 常用標籤 基本塊級標籤 標題標籤段落標籤水平線標籤 浮動屬性 float 用於定於元素的浮動方向 改變塊級標籤的顯示屬性,塊級標籤不會獨佔一行 脫離...

HTML標籤的分類

display block 獨佔一行 div就是乙個塊級元素 可以設定寬度和高度 寬度是父級元素的寬度,高度是自身內容的高度 div p h1 h6 ol ul li dl dt dd table tr hr td form pre display inline 不獨佔一行,在一行顯示 span就是...