HTML簡介 2

HTML 元素參考

根元素

元素 描述
<html> **HTML <html> 元素 表示一個HTML文檔的根(頂級元素),所以它也被稱為根元素庶香。所有其他元素必須是此元素的后代赶掖。

文檔元數(shù)據

元數(shù)據(Metadata)含有頁面的相關信息奢赂,包括樣式、腳本及數(shù)據轧钓,能幫助一些軟件更好地運用和渲染頁面毕箍。對于樣式和腳本的元數(shù)據而柑,可以直接在網頁里定義拄轻,也可以鏈接到包含相關信息的外部文件。

元素 描述
<link> HTML <link>元素規(guī)定了外部資源與當前文檔的關系筏养。 這個元素可用來為導航定義一個關系框架。這個元素最常于鏈接樣式表茎辐。
<meta> HTML <meta>元素表示那些不能由其它HTML元相關元素 (<base>, <link>, <script>, <style><title>) 之一表示的任何元數(shù)據信息.
<style> HTML的<style>元素包含文檔的樣式信息或者文檔的部分內容。默認情況下依啰,該標簽的樣式信息通常是CSS的格式速警。
<title> **HTML <title> 元素 **定義文檔的標題,顯示在瀏覽器的標題欄或標簽頁上忙灼。它只可以包含文本缀棍,若是包含有標簽,則包含的任何標簽都不會被解釋青瀑。

內容分區(qū)

內容分區(qū)元素允許你將文檔內容從邏輯上進行組織劃分斥难。使用包括頁眉(header)群扶、頁腳(footer)竞阐、導航(nav)和標題(h1~h6)等分區(qū)元素,來為頁面內容創(chuàng)建明確的大綱幕垦,以便區(qū)分各個章節(jié)的內容先改。

元素 描述
<address> HTML <address>元素可以讓作者為它最近的<article>或者<body>祖先元素提供聯(lián)系信息。在后一種情況下猜嘱,它應用于整個文檔。
<article> <article>元素表示文檔论皆、頁面点晴、應用或網站中的獨立結構,其意在成為可獨立分配的或可復用的結構屠橄,如在發(fā)布中礁哄,它可能是論壇帖子桐绒、雜志或新聞文章掏膏、博客、用戶提交的評論佳簸、交互式組件乙墙,或者其他獨立的內容項目。
<aside> *<aside> *元素表示一個和其余頁面內容幾乎無關的部分生均,被認為是獨立于該內容的一部分并且可以被單獨的拆分出來而不會使整體受影響听想。其通常表現(xiàn)為側邊欄或者嵌入內容。他們通常包含在工具條马胧,例如來自詞匯表的定義。也可能有其他類型的信息佩脊,例如相關的廣告蛙粘、筆者的傳記、web 應用程序威彰、個人資料信息出牧,或在博客上的相關鏈接。
<footer> HTML <footer> 元素表示最近一個章節(jié)內容或者根節(jié)點(sectioning root )元素的頁腳歇盼。一個頁腳通常包含該章節(jié)作者舔痕、版權數(shù)據或者與文檔相關的鏈接等信息。
<header> <header>元素表示一組引導性的幫助豹缀,可能包含標題元素伯复,也可以包含其他元素,像logo邢笙、分節(jié)頭部啸如、搜索表單等。
<h1>, <h2>, <h3>, <h4>, <h5>, <h6> HTML <h1><h6> 標題(Heading)元素呈現(xiàn)了六個不同的級別的標題鸣剪,<h1> 級別最高组底,而 <h6> 級別最低丈积。一個標題元素能簡要描述該節(jié)的主題。標題信息可以由用戶代理可以使用债鸡,例如江滨,自動構造某個文檔中的內容表(就像本文檔右邊浮動欄一樣)。
<hgroup> HTML <hgroup> Element (HTML Headings Group Element) 代表一個段的標題厌均。它規(guī)定了在文檔輪廓里(the outline of the document )的單一標題是它所屬的隱式或顯式部分的標題唬滑。
<main> HTML <main>元素呈現(xiàn)了文檔<body>或應用的主體部分。主體部分由與文檔直接相關棺弊,或者擴展于文檔的中心主題晶密、應用的主要功能部分的內容組成。這部分內容在文檔中應當是獨一無二的模她,不包含任何在一系列文檔中重復的內容稻艰,比如側邊欄,導航欄鏈接侈净,版權信息尊勿,網站logo,搜索框(除非搜索框作為文檔的主要功能)畜侦。
<nav> HTML導航欄 (<nav>) 描繪一個含有多個超鏈接的區(qū)域元扔,這個區(qū)域包含轉到其他頁面,或者頁面內部其他部分的鏈接列表.
<section> HTML Section 元素 (<section>) 表示文檔中的一個區(qū)域(或節(jié))旋膳,比如澎语,內容中的一個專題組,一般來說會有包含一個標題(heading)验懊。一般通過是否包含一個標題 (<h1>-<h6> element) 作為子節(jié)點 來 辨識每一個<section>擅羞。

文本內容

使用 HTML 文本內容元素來組織在開標簽 <body> 和閉標簽 </body> 里的塊或章節(jié)的內容。這些元素能標識內容的宗旨或結構鲁森,而這對于 accessibilitySEO 很重要祟滴。

元素 描述
<blockquote> HTML中的元素(或者 HTML 塊級引用元素),代表其中的文字是引用內容歌溉。通常在渲染時垄懂,這部分的內容會有一定的縮進( 中說明了如何更改)。若引文來源于網絡痛垛,則可以將原內容的出處 URL 地址設置到 cite 特性上草慧,若要以文本的形式告知讀者引文的出處時,可以通過 <cite> 元素匙头。
<dd> HTML <dd> 元素HTML 描述元素)用來指明一個描述列表 (<dl>) 元素中一個術語的描述漫谷。這個元素只能作為描述列表元素的子元素出現(xiàn),并且必須跟著一個 <dt> 元素蹂析。
<dir> HTML 目錄元素 (<dir>) 表示一個目錄舔示,也就是文件名稱的集合碟婆。
<div> HTML <div> 元素 (或 HTML 文檔分區(qū)元素) 是一個通用型的流內容容器,它在語義上不代表任何特定類型的內容惕稻,它可以被用來對其它元素進行分組竖共,一般用于樣式化相關的需求(使用 classid 特性) 或者對具有相同特性的一組元素進行分組 (比如 lang),它應該在沒有任何其它語義元素可用時才使用 (比如 <article><nav>) 俺祠。
<dl> HTML <dl> 元素 (或 HTML 描述列表元素)是一個包含術語定義以及描述的列表公给,通常用于展示詞匯表或者元數(shù)據 (鍵-值對列表)。
<dt> HTML <dt> 元素 (或 HTML 術語定義元素)用于在一個定義列表中聲明一個術語蜘渣。該元素僅能作為 <dl> 的子元素出現(xiàn)淌铐。通常在該元素后面會跟著 <dd> 元素, 然而蔫缸,多個連續(xù)出現(xiàn)的 <dt> 元素都將由出現(xiàn)在它們后面的第一個 <dd> 元素定義腿准。
<figcaption> HTML <figcaption> 元素 是與其相關聯(lián)的圖片的說明/標題,用?于描述其父節(jié)點 <figure> 元素里的其他數(shù)據拾碌。這意味著 <figcaption><figure> 塊里是第一個或最后一個释涛。同時 HTML Figcaption 元素是可選的;如果沒有該元素倦沧,這個父節(jié)點的圖片只是會沒有說明/標題。
<figure> HTML <figure> 元素代表一段獨立的內容, 經常與說明(caption) <figcaption> 配合使用, 并且作為一個獨立的引用單元它匕。當它屬于主體(main flow)時展融,它的位置獨立于主體。這個標簽經常是在主文中引用的圖片豫柬,插圖告希,表格,代碼段等等烧给,當這部分轉移到附錄中或者其他頁面時不會影響到主體燕偶。
<hr> HTML <hr> 元素表示段落級元素之間的主題轉換(例如,一個故事中的場景的改變础嫡,或一個章節(jié)的主題的改變)指么。在HTML的早期版本中,它是一個水平線×穸Γ現(xiàn)在它仍能在可視化瀏覽器中表現(xiàn)為水平線伯诬,但目前被定義為語義上的,而不是表現(xiàn)層面上巫财。
<li> HTML <li> 元素 (或者 HTML 列表條目元素) 用于表示列表里的條目盗似。它必須被包含在一個父元素里:一個有順序的列表(<ol>),一個無順序的列表(<ul>)平项,或者一個菜單 (<menu>)赫舒。在菜單或者無順序的列表里悍及,列表條目通常用點排列顯示。在有順序的列表里接癌,列表條目通常是在左邊有按升序排列計數(shù)的顯示心赶,例如數(shù)字或者字母。
<main> HTML <main>元素呈現(xiàn)了文檔<body>或應用的主體部分扔涧。主體部分由與文檔直接相關园担,或者擴展于文檔的中心主題、應用的主要功能部分的內容組成枯夜。這部分內容在文檔中應當是獨一無二的弯汰,不包含任何在一系列文檔中重復的內容,比如側邊欄湖雹,導航欄鏈接咏闪,版權信息,網站logo摔吏,搜索框(除非搜索框作為文檔的主要功能)鸽嫂。
<ol> HTML <ol> 元素 表示多個有序列表項,通常渲染為有帶編號的列表征讲。
<p> HTML <p>元素(或者說 HTML 段落元素)表示文本的一個段落据某。該元素通常表現(xiàn)為一整塊與相鄰文本分離的文本,或以垂直的空白隔離或以首行縮進诗箍。另外癣籽,<p> 是塊級元素
<pre> HTML <pre> 元素表示預定義格式文本滤祖。在該元素中的文本通常按照原文件中的編排筷狼,以等寬字體的形式展現(xiàn)出來,文本中的空白符(比如空格和換行符)都會顯示出來匠童。(緊跟在 <pre> 開始標簽后的換行符也會被省略)
<ul> The** HTML <ul> 元素** ( 或 HTML 無序列表元素) 代表多項的無序列表埂材,即無數(shù)值排序項的集合,且它們在列表中的順序是沒有意義的汤求。通常情況下俏险,無序列表項的頭部可以是幾種形式,如一個點扬绪,一個圓形或方形寡喝。頭部的風格并不是在頁面的HTML描述定義, 但在其相關的CSS 可以用 list-style-type 屬性。

內聯(lián)文本語義

使用 HTML 內聯(lián)文本語義(Inline text semantics)定義語句勒奇,結構预鬓,可以是一個詞,一段,或任意風格的文字格二。

元素 描述
<a> HTML <a>元素 (或錨元素) 可以創(chuàng)建一個到其他網頁劈彪、文件、同一頁面內的位置顶猜、電子郵件地址或任何其他URL的超鏈接沧奴。
<abbr> HTML <abbr>元素代表縮寫,并可選擇提供一個完整的描述长窄。
<b> HTML提醒注意(Bring Attention To)元素(<b>用于吸引讀者的注意到該元素的內容上(如果沒有另加特別強調)滔吠。這個元素過去被認為是粗體(Boldface)元素,并且大多數(shù)瀏覽器仍然將文字顯示為粗體挠日。盡管如此疮绷,你不應將 <b> 元素用于顯示粗體文字;替代方案是使用 CSS font-weight 屬性來創(chuàng)建粗體文字嚣潜。
<bdi> HTML <bdi> 元素 (雙向隔離元素) 會隔離可能以不同方向進行格式化的外部文本冬骚。
<bdo> <bdo> 元素 (HTML雙向覆蓋元素)用于覆蓋當前文本的朝向,它使得字符按給定的方向排列懂算。
<br> HTML
元素
在文本中生成一個換行(回車)符號只冻。此元素在寫詩和地址時很有用,這些地方的換行都非常重要计技。
<cite> HTML引用( Citation)標簽 (<cite>) 表示一個作品的引用喜德。它必須包含引用作品的符合簡寫格式的標題或者URL,它可能是一個根據添加引用元數(shù)據的約定的簡寫形式垮媒。
<code> HTML <code> 元素呈現(xiàn)一段計算機代碼. 默認情況下, 它以瀏覽器的默認等寬字體顯示.
<data> HTML <data> 元素 將一個指定內容和機器可讀的翻譯聯(lián)系在一起住诸。但如果內容是與 time 或者 date 相關的,一定要使用 <time>涣澡。
<dfn> HTML 定義元素 (<dfn>) 表示術語的一個定義。
<em> HTML 著重元素 (<em>) 標記出需要用戶著重閱讀的內容丧诺, <em> 元素是可以嵌套的入桂,嵌套層次越深,則其包含的內容被認定為越需要著重閱讀驳阎。
<i> HTML元素 <i> 用于表現(xiàn)因某些原因需要區(qū)分普通文本的一系列文本抗愁。例如技術術語、外文短語或是小說中人物的思想活動等呵晚,它的內容通常以斜體顯示蜘腌。
<kbd> HTML鍵盤輸入元素(<kbd>) 用于表示用戶輸入,它將產生一個行內元素饵隙,以瀏覽器的默認monospace字體顯示撮珠。
<mark> 這個* HTML mark 標簽代表突出顯示的文字,例如可以為了標記特定上下文中的文本而使用這個標簽.* 舉個例子,它可以用來顯示搜索引擎搜索后關鍵詞金矛。
<q> HTML引用標簽 (<q>)表示一個封閉的并且是短的行內引用的文本. 這個標簽是用來引用短的文本芯急,所以請不要引入換行符; 對于長的文本的引用請使用 <blockquote> 替代.
<rb>
<rp> HTML <rp> 元素用于為那些不能使用 <ruby> 元素展示 ruby 注解的瀏覽器勺届,提供隨后的圓括號。
<rt> HTML Ruby 文本 (<rt>) 元素包含字符的發(fā)音娶耍,字符在 ruby 注解中出現(xiàn)免姿,它用于描述東亞字符的發(fā)音。這個元素始終在 <ruby> 元素中使用榕酒。
<rtc> HTML <rtc> 元素包含文字的語義注解胚膊,它們在 <rb> 元素中展示。<rb> 元素可以擁有發(fā)音 (<rt>) 和語義(<rtc>) 注解想鹰。
<ruby> **HTML <ruby> 元素 **被用來展示東亞文字注音或字符注釋紊婉。
<s> **HTML <s> 元素 **使用刪除線來渲染文本。使用 <s> 元素來表示不再相關杖挣,或者不再準確的事情肩榕。但是當表示文檔編輯時,不提倡使用 <s> 惩妇;為此株汉,提倡使用 <del><ins> 元素。
<samp> <samp> 元素用于標識計算機程序輸出歌殃,通常使用瀏覽器缺省的 monotype 字體(例如 Lucida Console)乔妈。
<small> HTML 中的<small style="font-style: normal !important; margin: 0px; padding: 0px; border: 0px;">元素將使文本的字體變小一號。(例如從大變成中等氓皱,從中等變成小路召,從小變成超小)。在HTML5中波材,除了它的樣式含義股淡,這個元素被重新定義為表示邊注釋和附屬細則,包括版權和法律文本廷区。</small>
<span> HTML <span> 元素是短語內容的通用行內容器唯灵,并沒有任何特殊語義∠肚幔可以使用它來編組元素以達到某種樣式意圖(通過使用類或者Id屬性)埠帕,或者這些元素有著共同的屬性,比如lang玖绿。應該在沒有其他合適的語義元素時才使用它敛瓷。<span><div> 元素很相似,但 <div> 是一個 塊元素<span> 則是 行內元素 .
<strong> Strong 元素 (<strong>)表示文本十分重要斑匪,一般用粗體顯示呐籽。
<sub> HTML <sub> 元素定義了一個文本區(qū)域,出于排版的原因,與主要的文本相比绝淡,應該展示得更低并且更小宙刘。
<sup> HTML <sup> 元素定義了一個文本區(qū)域,出于排版的原因牢酵,與主要的文本相比悬包,應該展示得更高并且更小。
<time> HTML time 標簽(<time>) 用來表示24小時制時間或者公歷日期馍乙,若表示日期則也可包含時間和時區(qū)布近。
<tt> HTML 電報文本元素 (<tt>) 產生一個內聯(lián)元素,使用瀏覽器內置的 monotype 字體展示丝格。這個元素用于給文本排版撑瞧,使其等寬展示,就像電報那樣显蝌。使用 <code> 元素來展示等寬文本可能更加普遍预伺。
<u> HTML <u> 元素使文本在其內容的基線下的一行呈現(xiàn)下劃線。在HTML5中, 此元素表示具有未標注的文本跨度曼尊,顯示渲染酬诀,非文本注釋,例如將文本標記為中文文本中的專有名稱(一個正確的中文標記), 或 將文本標記為拼寫錯誤骆撇。
<var> <var> 標簽表示變量的名稱瞒御,或者由用戶提供的值。
<wbr> **HTML <wbr> 元素 **— 一個文本中的位置神郊,其中瀏覽器可以選擇來換行肴裙,雖然它的換行規(guī)則可能不會在這里換行。
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末涌乳,一起剝皮案震驚了整個濱河市蜻懦,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌夕晓,老刑警劉巖宛乃,帶你破解...
    沈念sama閱讀 218,858評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異运授,居然都是意外死亡,警方通過查閱死者的電腦和手機乔煞,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,372評論 3 395
  • 文/潘曉璐 我一進店門吁朦,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人渡贾,你說我怎么就攤上這事逗宜。” “怎么了?”我有些...
    開封第一講書人閱讀 165,282評論 0 356
  • 文/不壞的土叔 我叫張陵纺讲,是天一觀的道長擂仍。 經常有香客問我,道長熬甚,這世上最難降的妖魔是什么逢渔? 我笑而不...
    開封第一講書人閱讀 58,842評論 1 295
  • 正文 為了忘掉前任,我火速辦了婚禮乡括,結果婚禮上肃廓,老公的妹妹穿的比我還像新娘。我一直安慰自己诲泌,他們只是感情好盲赊,可當我...
    茶點故事閱讀 67,857評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著敷扫,像睡著了一般哀蘑。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上葵第,一...
    開封第一講書人閱讀 51,679評論 1 305
  • 那天绘迁,我揣著相機與錄音,去河邊找鬼羹幸。 笑死脊髓,一個胖子當著我的面吹牛,可吹牛的內容都是我干的栅受。 我是一名探鬼主播将硝,決...
    沈念sama閱讀 40,406評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼屏镊!你這毒婦竟也來了依疼?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 39,311評論 0 276
  • 序言:老撾萬榮一對情侶失蹤而芥,失蹤者是張志新(化名)和其女友劉穎律罢,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體棍丐,經...
    沈念sama閱讀 45,767評論 1 315
  • 正文 獨居荒郊野嶺守林人離奇死亡误辑,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 37,945評論 3 336
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了歌逢。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片巾钉。...
    茶點故事閱讀 40,090評論 1 350
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖秘案,靈堂內的尸體忽然破棺而出砰苍,到底是詐尸還是另有隱情潦匈,我是刑警寧澤,帶...
    沈念sama閱讀 35,785評論 5 346
  • 正文 年R本政府宣布赚导,位于F島的核電站茬缩,受9級特大地震影響,放射性物質發(fā)生泄漏吼旧。R本人自食惡果不足惜凰锡,卻給世界環(huán)境...
    茶點故事閱讀 41,420評論 3 331
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望黍少。 院中可真熱鬧寡夹,春花似錦、人聲如沸厂置。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,988評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽辐怕。三九已至窝稿,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間访忿,已是汗流浹背瞧栗。 一陣腳步聲響...
    開封第一講書人閱讀 33,101評論 1 271
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留海铆,地道東北人迹恐。 一個月前我還...
    沈念sama閱讀 48,298評論 3 372
  • 正文 我出身青樓,卻偏偏與公主長得像卧斟,于是被迫代替她去往敵國和親殴边。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 45,033評論 2 355

推薦閱讀更多精彩內容

  • HTML 5 HTML5概述 因特網上的信息是以網頁的形式展示給用戶的珍语,因此網頁是網絡信息傳遞的載體锤岸。網頁文件是用...
    阿啊阿吖丁閱讀 3,899評論 0 0
  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標簽默認的外補...
    _Yfling閱讀 13,754評論 1 92
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5板乙? 答:HTML5是最新的HTML標準是偷。 注意:講述HT...
    kismetajun閱讀 27,486評論 1 45
  • 概要 64學時 3.5學分 章節(jié)安排 電子商務網站概況 HTML5+CSS3 JavaScript Node 電子...
    阿啊阿吖丁閱讀 9,208評論 0 3
  • 關于Mongodb的全面總結 MongoDB的內部構造《MongoDB The Definitive Guide》...
    中v中閱讀 31,938評論 2 89