逼自己說幾句
制作網(wǎng)頁的第一步就是學(xué)會編寫HTML語言
確實，正確的編寫HTML語言，是寫好一個網(wǎng)頁的基礎(chǔ)，基礎(chǔ)扎實才能一路瀟灑的去寫CSS和JavaScript
本文中整理了HTML語言的編寫標(biāo)準(zhǔn)，我會盡量詳細(xì)的去歸納整理，如有遺漏的也會在日后的學(xué)習(xí)中不斷更新
一、基礎(chǔ)元素
基礎(chǔ)元素是HTML文檔的根基?；A(chǔ)元素在每一個網(wǎng)頁的源代碼里都能見到，位置在文檔首行doctype 聲明的下方。doctype表明了該頁面正在使用哪種版本的 (X)HTML。包含網(wǎng)頁內(nèi)容的元素是放置在開始標(biāo)簽<html>和關(guān)閉標(biāo)簽</html>之間的。<html>元素也被稱之為根元素。
html
描述：HTML<html>元素(或者說HTML根元素)代表著一個HTML文檔的根(root)。 所有其他元素皆是此元素的后代。
二、文檔元數(shù)據(jù)
元數(shù)據(jù)（Metadata）含有頁面的相關(guān)信息。這些包括樣式，腳本及數(shù)據(jù)的信息能幫助一些軟件 (如搜索引擎， 瀏覽器等等）更好運用以及渲染頁面。對于樣式和腳本的元數(shù)據(jù)可以直接在網(wǎng)頁里定義或者鏈接到有這些的其他文件。
base
描述：指定文檔里所有相對URL地址的基礎(chǔ)URL。一份文檔最多一個<base>元素。
head
描述：規(guī)定文檔相關(guān)的通用信息（元數(shù)據(jù)），包括文檔標(biāo)題、樣式或腳本的鏈接或定義。
link
描述：指定了外部資源與當(dāng)前文檔的關(guān)系. 這個元素的使用方法包括為導(dǎo)航定義關(guān)系框架.這個元素經(jīng)常用來鏈接css文件。
meta
描述：用來表達(dá)任何其他HTML元相關(guān)元素(<base>,<link>,<script>,<style>或者<title>)等無法表達(dá)的信息。
style
描述：包含了文檔的樣式化信息或者文檔的一部分。指定的樣式化星系包含的該元素內(nèi)，通常是CSS的格式。
titile
描述：定義文檔的標(biāo)題，顯示在瀏覽器的標(biāo)題欄或標(biāo)簽頁上。它只可以包含文本，若是包含有標(biāo)簽，則包含的任何標(biāo)簽都不會被解釋。
三、行內(nèi)元素
a
描述：與href屬性搭配使用，用于鏈接到其他頁面或者跳轉(zhuǎn)到同一頁的某個錨點。
示例：
<a href="網(wǎng)頁鏈接">a鏈接的文本內(nèi)容</a>
abbr
描述：表示一個縮寫，搭配title屬性使用可對此縮寫進(jìn)行完整描述。
示例：
<abbr title="全稱內(nèi)容">縮寫內(nèi)容</abbr>
b
描述：表示相對于普通文本字體上的區(qū)別，但不表示任何特殊的強(qiáng)調(diào)或者關(guān)聯(lián)。
cite
描述：用來指明書目信息、個人引語、或者參考文獻(xiàn)中的外部資源。
示例：
我至今也沒有讀完<cite>《盆地構(gòu)造解析》</cite>
code
描述：呈現(xiàn)一段計算機(jī)代碼。
del
描述：表示該信息已被刪除（添加刪除線）。
dfn
描述：用來表示一個定義
示例：
<cite>虎撲體育</cite>是籃球迷的聚集地
em
描述：標(biāo)記出需要用戶著重閱讀的內(nèi)容，表現(xiàn)為斜體。
示例：
<em>我正在強(qiáng)調(diào)這句話</em>
ins
描述：表示修訂后插入的內(nèi)容（添加下劃線）。
q
描述：表示一個封閉的并且是短的行內(nèi)引用的文本。
strong
描述：標(biāo)記該文本十分重要，表現(xiàn)為粗體
示例：
<strong>我正在以更大的強(qiáng)度強(qiáng)調(diào)這句話</strong>
span
描述：短語內(nèi)容的通用行內(nèi)容器，并沒有任何特殊語義。
sub/sup
描述：含義：表示下標(biāo)/上標(biāo)。
四、塊級元素
address
描述：表示某個特定文檔或文檔的某個部分的聯(lián)系信息或聯(lián)絡(luò)方式。
<address>
地址：XXX
</address>
div
描述：常見的用途有三種
- 劃分頁首、頁尾、頁邊欄或?qū)Ш綑诘鹊龋?/li>
- 表示頁面的分欄；
- 將文章進(jìn)一步分成幾個部分，比如正文、評論、文章的元數(shù)據(jù)等等。
h1~h6
描述：h1是最高一級的標(biāo)題，下一層標(biāo)題使用h2，依次類推
p
描述：表示段落
blockquote
描述：表示一段引用自其他來源的獨立文本。
blockquote有兩個屬性，第一個是cite屬性，用來指明引用材料的URL地址；第二個是title屬性，用于提供引用材料的相關(guān)信息。
<blockquote cite="http://www.hupu.com/" title="文章的標(biāo)題，作者，發(fā)表日期">"我正在此處引用虎撲體育。"</blockquote>
五、列表元素
ul,ol,li
描述：表示一組相同格式的信息。
dl,dd,dt
描述：表示一個術(shù)語列表。
dt表示術(shù)語，dd表示該術(shù)語的定義，可以為單個術(shù)語提供多個定義。
示例：
<dl>
<dt>江君</dt>
<dd>一個無聊的人</dd>
<dt>佳佳</dt>
<dd>另一個無聊的人</dd>
<dt>JJ</dt>
<dd>兩個無聊的人</dd>
</dl>
六、表格元素
七、分割元素
br
描述：表示換行。
注意：除了少數(shù)場合（比如詩歌中的分行），應(yīng)該盡量避免使用這個標(biāo)簽，因為它并沒有特別的語義含義，而且分行的視覺效果完全可以通過p標(biāo)簽、列表標(biāo)簽和CSS命令達(dá)到。
hr
描述：表示兩個部分之間用一根水平直線分割。
事實上，不用這個標(biāo)簽，也有辦法顯示水平直線。這個標(biāo)簽的唯一優(yōu)勢，也許就是在沒有CSS的場合，它可以產(chǎn)生視覺分割的效果。
參考文獻(xiàn)
（完）
文檔信息
- 自由轉(zhuǎn)載-非商用-非衍生-保持署名
- 發(fā)表日期：2016年9月8日
