逼自己說幾句
制作網(wǎng)頁的第一步就是學會編寫HTML語言
確實芹敌,正確的編寫HTML語言鸵赫,是寫好一個網(wǎng)頁的基礎,基礎扎實才能一路瀟灑的去寫CSS和JavaScript
本文中整理了HTML語言的編寫標準谣妻,我會盡量詳細的去歸納整理鳞滨,如有遺漏的也會在日后的學習中不斷更新
一、基礎元素
基礎元素是HTML文檔的根基寒矿⊥涣眨基礎元素在每一個網(wǎng)頁的源代碼里都能見到,位置在文檔首行doctype 聲明的下方符相。doctype表明了該頁面正在使用哪種版本的 (X)HTML拆融。包含網(wǎng)頁內容的元素是放置在開始標簽<html>
和關閉標簽</html>
之間的蠢琳。<html>
元素也被稱之為根元素。
html
描述:HTML<html>
元素(或者說HTML根元素)代表著一個HTML文檔的根(root)镜豹。 所有其他元素皆是此元素的后代傲须。
二、文檔元數(shù)據(jù)
元數(shù)據(jù)(Metadata)含有頁面的相關信息趟脂。這些包括樣式泰讽,腳本及數(shù)據(jù)的信息能幫助一些軟件 (如搜索引擎, 瀏覽器等等)更好運用以及渲染頁面昔期。對于樣式和腳本的元數(shù)據(jù)可以直接在網(wǎng)頁里定義或者鏈接到有這些的其他文件已卸。
base
描述:指定文檔里所有相對URL地址的基礎URL。一份文檔最多一個<base>
元素硼一。
head
描述:規(guī)定文檔相關的通用信息(元數(shù)據(jù))咬最,包括文檔標題、樣式或腳本的鏈接或定義欠动。
link
描述:指定了外部資源與當前文檔的關系. 這個元素的使用方法包括為導航定義關系框架.這個元素經(jīng)常用來鏈接css文件永乌。
meta
描述:用來表達任何其他HTML元相關元素(<base>
,<link>
,<script>
,<style>
或者<title>
)等無法表達的信息。
style
描述:包含了文檔的樣式化信息或者文檔的一部分具伍。指定的樣式化星系包含的該元素內翅雏,通常是CSS的格式。
titile
描述:定義文檔的標題人芽,顯示在瀏覽器的標題欄或標簽頁上望几。它只可以包含文本,若是包含有標簽萤厅,則包含的任何標簽都不會被解釋橄抹。
三、行內元素
a
描述:與href屬性搭配使用惕味,用于鏈接到其他頁面或者跳轉到同一頁的某個錨點楼誓。
示例:
<a href="網(wǎng)頁鏈接">a鏈接的文本內容</a>
abbr
描述:表示一個縮寫,搭配title屬性使用可對此縮寫進行完整描述名挥。
示例:
<abbr title="全稱內容">縮寫內容</abbr>
b
描述:表示相對于普通文本字體上的區(qū)別疟羹,但不表示任何特殊的強調或者關聯(lián)。
cite
描述:用來指明書目信息禀倔、個人引語榄融、或者參考文獻中的外部資源。
示例:
我至今也沒有讀完<cite>《盆地構造解析》</cite>
code
描述:呈現(xiàn)一段計算機代碼救湖。
del
描述:表示該信息已被刪除(添加刪除線)愧杯。
dfn
描述:用來表示一個定義
示例:
<cite>虎撲體育</cite>是籃球迷的聚集地
em
描述:標記出需要用戶著重閱讀的內容,表現(xiàn)為斜體鞋既。
示例:
<em>我正在強調這句話</em>
ins
描述:表示修訂后插入的內容(添加下劃線)力九。
q
描述:表示一個封閉的并且是短的行內引用的文本耍铜。
strong
描述:標記該文本十分重要,表現(xiàn)為粗體
示例:
<strong>我正在以更大的強度強調這句話</strong>
span
描述:短語內容的通用行內容器畏邢,并沒有任何特殊語義业扒。
sub/sup
描述:含義:表示下標/上標。
四舒萎、塊級元素
address
描述:表示某個特定文檔或文檔的某個部分的聯(lián)系信息或聯(lián)絡方式程储。
<address>
地址:XXX
</address>
div
描述:常見的用途有三種
- 劃分頁首、頁尾臂寝、頁邊欄或導航欄等等章鲤;
- 表示頁面的分欄;
- 將文章進一步分成幾個部分咆贬,比如正文败徊、評論、文章的元數(shù)據(jù)等等掏缎。
h1~h6
描述:h1是最高一級的標題皱蹦,下一層標題使用h2,依次類推
p
描述:表示段落
blockquote
描述:表示一段引用自其他來源的獨立文本眷蜈。
blockquote有兩個屬性沪哺,第一個是cite屬性,用來指明引用材料的URL地址酌儒;第二個是title屬性辜妓,用于提供引用材料的相關信息。
<blockquote cite="http://www.hupu.com/" title="文章的標題忌怎,作者籍滴,發(fā)表日期">"我正在此處引用虎撲體育。"</blockquote>
五榴啸、列表元素
ul,ol,li
描述:表示一組相同格式的信息孽惰。
dl,dd,dt
描述:表示一個術語列表。
dt表示術語插掂,dd表示該術語的定義灰瞻,可以為單個術語提供多個定義。
示例:
<dl>
<dt>江君</dt>
<dd>一個無聊的人</dd>
<dt>佳佳</dt>
<dd>另一個無聊的人</dd>
<dt>JJ</dt>
<dd>兩個無聊的人</dd>
</dl>
六辅甥、表格元素
七、分割元素
br
描述:表示換行燎竖。
注意:除了少數(shù)場合(比如詩歌中的分行)璃弄,應該盡量避免使用這個標簽,因為它并沒有特別的語義含義构回,而且分行的視覺效果完全可以通過p標簽夏块、列表標簽和CSS命令達到疏咐。
hr
描述:表示兩個部分之間用一根水平直線分割。
事實上脐供,不用這個標簽浑塞,也有辦法顯示水平直線。這個標簽的唯一優(yōu)勢政己,也許就是在沒有CSS的場合酌壕,它可以產(chǎn)生視覺分割的效果。
參考文獻
(完)
文檔信息
- 自由轉載-非商用-非衍生-保持署名
- 發(fā)表日期:2016年9月8日