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