如何熟悉和了解常用的HTML5標籤？

12-24

　超文本標記語言或超文本鏈接標示語言（標準通用標記語言下的一個應用）HTML（HyperText Mark-up Language）是一種製作萬維網頁面的標準語言，是萬維網瀏覽器使用的一種語言，它消除了不同計算機之間信息交流的障礙。

　　它是目前網路上應用最為廣泛的語言，也是構成網頁文檔的主要語言。HTML文件是由HTML命令組成的描述性文本，HTML命令可以說明文字、圖形、動畫、聲音、表格、鏈接等。HTML文件的結構包括頭部（Head）、主體（Body）兩大部分，其中頭部描述瀏覽器所需的信息，而主體則包含所要說明的具體內容。

常用HTML標籤元素結合及簡介

<html></html> 創建一個HTML文檔

<head></head> 設置文檔標題和其它在網頁中不顯示的信息

<title></title> 設置文檔的標題

<h1></h1> 最大的標題

<pre></pre> 預先格式化文本

下劃線

黑體字

斜體字

<tt></tt> 打字機風格的字體

<cite></cite> 引用,通常是斜體

強調文本(通常是斜體加黑體)

加重文本(通常是斜體加黑體)

設置字體大小從1到7，顏色使用名字或RGB的十六進位值

<BASEFONT></BASEFONT> 基準字體標記

<big></big> 字體加大

字體縮小

<STRIKE></STRIKE> 加刪除線

<CODE></CODE> 程式碼

<KBD></KBD> 鍵盤字

<SAMP></SAMP> 範例

<VAR></VAR> 變數

<BLOCKQUOTE></BLOCKQUOTE> 向右縮排

地址標記 上標字

下標字

<xmp>...</xmp>固定寬度字體(在文件中空白、換行、定位功能有效)

<plaintext>...</plaintext>固定寬度字體(不執行標記符號)

<listing>...</listing> 固定寬度小字體

...字體顏色

...最小字體

...無限增大

格式標誌標籤

創建一個段落

將段落按左、中、右對齊

換行插入換行符

<blockquote></blockquote> 從兩邊縮進文本

<dl></dl> 定義列表

<dt> 放在每個定義術語詞前

<dd> 放在每個定義之前

<ol></ol> 創建一個標有數字的列表

<ul></ul> 創建一個標有圓點的列表

<li> 放在每個列表項之前,若在

<ol></ol>之間則每個列表項加上一個數字, 若在

<ul></ul>之間則每個列表項加上一個圓點

<div align=""></div> 用來排版大塊HTML段落,也用于格式化表

<MENU> 選項清單

<DIR> 目錄清單

強行不換行

<hr size="9" width="80%" color="ff0000">水平線(設定寬度)

<center></center> 水平居中

鏈接標誌表格標誌

<a href="URL"></a> 創建超文本鏈接

<a href="mailtEMAIL"></a> 創建自動發送電子郵件的鏈接

<a name="name"></a> 創建位於文檔內部的書籤

<a href="#name"></a> 創建指向位於文檔內部書籤的鏈接

<BASE> 文檔中不能被該站點辨識的其它所有鏈接源的

URL<LINK> 定義一個鏈接和源之間的相互關係

鏈接標記註解：

◆target="..."決定鏈接源在什麼地方顯示(用戶自定義的名字，_blank,_parent,_self,_top

◆rel="..."發送鏈接的類型

◆rev="..."保存鏈接的類型

◆accesskey="..."指定該元素的熱鍵

◆shape="..."允許我們使用已定義的形狀定義客戶端的圖形鏡像(default，rect，circle，poly

◆coord="..."使用像素或者長度百分比來定義形狀的尺寸

◆tabindex="..."使用定義過的tabindex元素設置在各個元素之間的焦點獲取順序(使用tab鍵使元素獲得焦點)

大部分標籤可以運用時候通過CSS控制改變樣式達到我們想要的布局效果。

成都朗沃教育國內知名it培訓機構，轉專註it培訓12年！興趣的可以關注一下成都朗沃教育（www.lovoedu.com）

做為一個前端開發工程師,很高興可以回答你這個問題!網上複製的答案頭條是知道的!

HTML5的新增標籤,標籤的意義所在主要是語義化標準,讓瀏覽器更好的認識這些標籤,有助於SEO的優化!至於有多少新增標籤我在這裡就不一一寫出來了,網上有!

最後呢,關於如何熟悉跟了解使用,那就得在開發項目中多多使用規範了,不過平時開發過程中,目前還是沒有頻繁使用,不過用了就更好了,畢竟能夠規範代碼是最好的!

因為您問的是HTML5的標籤問題,所以其它HTML5新增功能特性我在這裡就不一一列舉了!

祝你在編程路上步步順利!