從基礎複習前端html--1.html標籤上

時間 2019-12-17

標籤基礎複習前端 html 1.html 標籤欄目 HTML 简体版

原文原文鏈接

1.標籤，定義註釋。css

註釋標籤用於在源代碼中插入註釋。註釋不會顯示在瀏覽器中。html

您可以使用註釋對您的代碼進行解釋，這樣作有助於您在之後的時間對代碼的編輯。當您編寫了大量代碼時尤爲有用。html5

使用註釋標籤來隱藏瀏覽器不支持的腳本也是一個好習慣（這樣就不會把腳本顯示爲純文本）web

2.<!DOCTYPE>標籤，定義文檔類型。canvas

<!DOCTYPE> 聲明必須是 HTML 文檔的第一行，位於 <html> 標籤以前。瀏覽器

<!DOCTYPE> 聲明不是 HTML 標籤；它是指示 web 瀏覽器關於頁面使用哪一個 HTML 版本進行編寫的指令。服務器

在 HTML 4.01 中，<!DOCTYPE> 聲明引用 DTD，由於 HTML 4.01 基於 SGML。DTD 規定了標記語言的規則，這樣瀏覽器才能正確地呈現內容。ide

HTML5 不基於 SGML，因此不須要引用 DTD。工具

提示：請始終向 HTML 文檔添加 <!DOCTYPE> 聲明，這樣瀏覽器才能獲知文檔類型。oop

3.<a>標籤，定義錨。

<a> 標籤訂義超連接，用於從一張頁面連接到另外一張頁面。

<a> 元素最重要的屬性是 href 屬性，它指示連接的目標。

在全部瀏覽器中，連接的默認外觀是：

未被訪問的連接帶有下劃線並且是藍色的
已被訪問的連接帶有下劃線並且是紫色的
活動連接帶有下劃線並且是紅色的

提示：您可能已經注意到了，W3School 站點內的連接外觀與默認的連接外觀很是不一樣。您可使用 CSS 僞類向文本超連接添加複雜而多樣的樣式。

查看詳情

4.<abbr>標籤，定義縮寫。

<abbr> 標籤指示簡稱或縮寫，好比 "WWW" 或 "NATO"。

經過對縮寫進行標記，您可以爲瀏覽器、拼寫檢查和搜索引擎提供有用的信息。

<abbr> 標籤最初是在 HTML 4.0 中引入的，表示它所包含的文本是一個更長的單詞或短語的縮寫形式。

提示：能夠在<abbr>標籤中使用全局的title屬性，這樣就可以在鼠標指針移動到<abbr>元素上時顯示出簡稱/縮寫的完整版本。

代碼：The <abbr title="People's Republic of China">PRC</abbr> was founded in 1949.

5.<article>標籤，定義文章（H5標籤）。

<article> 標籤規定獨立的自包含內容。

一篇文章應有其自身的意義，應該有可能獨立於站點的其他部分對其進行分發。

註釋：Internet Explorer 8 以及更早的版本不支持 <article> 標籤。

6.<aside>標籤，定義頁面內容以外的內容（H5標籤）。

<aside> 標籤訂義其所處內容以外的內容。

aside 的內容應該與附近的內容相關。

提示：<aside> 的內容可用做文章的側欄。

註釋：Internet Explorer 8 以及更早的版本不支持 <aside> 標籤。

7.<audio>標籤，定義音頻內容（H5標籤）。

<audio> 標籤訂義聲音，好比音樂或其餘音頻流。

註釋：Internet Explorer 8 以及更早的版本不支持 <audio> 標籤。

代碼：<audio src="someaudio.wav">您的瀏覽器不支持 audio 標籤。</audio>

HTML5 中的新屬性。

屬性	值	描述
autoplay	autoplay	若是出現該屬性，則音頻在就緒後立刻播放。
controls	controls	若是出現該屬性，則向用戶顯示控件，好比播放按鈕。
loop	loop	若是出現該屬性，則每當音頻結束時從新開始播放。
muted	muted	規定視頻輸出應該被靜音。
preload	preload	若是出現該屬性，則音頻在頁面加載時進行加載，並預備播放。若是使用 "autoplay"，則忽略該屬性。
src	url	要播放的音頻的 URL。

8.<b>標籤，定義粗體字。

註釋：根據 HTML5 規範，在沒有其餘合適標籤更合適時，才應該把 <b> 標籤做爲最後的選項。HTML5 規範聲明：應該使用 <h1> - <h6> 來表示標題，使用 <em> 標籤來表示強調的文本，應該使用 <strong> 標籤來表示重要文本，應該使用 <mark> 標籤來表示標註的/突出顯示的文本。

提示：您也可以使用 CSS "font-weight" 屬性來設置粗體文本。

9.<big>標籤，定義大號字體效果。

使用 <big> 標籤能夠很容易地放大字體。這簡直不能再簡單了：瀏覽器顯示包含在 <big> 標籤和其相應的 </big> 標籤之間的文字時，其字體比周圍的文字要大一號。可是，若是文字已是最大號字體，這個 <big> 標籤將不起任何做用。

更妙的是，能夠嵌套 <big> 標籤來放大文本。每個 <big> 標籤均可以使字體大一號，直到上限 7 號文本，正如字體模型所定義的那樣。

可是使用 <big> 標籤的時候仍是要當心，由於瀏覽器老是很寬大地試圖去理解各類標籤，對於那些不支持 <big> 標籤的瀏覽器來講，它常常將其認爲是粗體字標籤。

10.<small>標籤，定義小號字體效果。

<small> 標籤和它所對應的 <big> 標籤同樣，但它是縮小字體而不是放大。若是被包圍的字體已是字體模型所支持的最小字號，那麼 <small> 標籤將不起任何做用。

與 <big> 標籤相似，<small> 標籤也能夠嵌套，從而連續地把文字縮小。每一個 <small> 標籤都把文本的字體變小一號，直到達到下限的一號字。

11.<i>標籤，定義斜體文本效果。

<i> 標籤和基於內容的樣式標籤 <em> 相似。它告訴瀏覽器將包含其中的文本以斜體字（italic）或者傾斜（oblique）字體顯示。若是這種斜體字對該瀏覽器不可用的話，可使用高亮、反白或加下劃線等樣式。

提示：<i> 標籤必定要和結束標籤 </i> 結合起來使用。

12.<em>標籤，定義強調文本。

<em> 標籤告訴瀏覽器把其中的文本表示爲強調的內容。對於全部瀏覽器來講，這意味着要把這段文字用斜體來顯示。

在文本中加入強調也須要有技巧。若是強調太多，有些重要的短語就會被漏掉；若是強調太少，就沒法真正突出重要的部分。這與調味品同樣，最好仍是不要濫用強調。

儘管如今 <em> 標籤修飾的內容都是用斜體字來顯示，但這些內容也具備更普遍的含義，未來的某一天，瀏覽器也可能會使用其餘的特殊效果來顯示強調的文本。若是你只想使用斜體字來顯示文本的話，請使用 <i> 標籤。除此以外，文檔中還能夠包括用來改變文本顯示的級聯樣式定義。

除強調以外，當引入新的術語或在引用特定類型的術語或概念時做爲固定樣式的時候，也能夠考慮使用 <em> 標籤。例如，W3School 常常對重要的術語使用 <em> 標籤。<em> 標籤能夠用來把這些名稱和其餘斜體字區別開來。

13.<strong>標籤，定義語氣更強的強調文本。

<strong> 標籤和 <em> 標籤同樣，用於強調文本，但它強調的程度更強一些。

瀏覽器一般會以不一樣於 <em> 標籤的方式來顯示 <strong> 標籤中的內容，一般是用加粗的字體（相對於斜體）來顯示其中的內容，這樣用戶就能夠把這兩個標籤區分開來了。

若是常識告訴咱們應該較少使用 <em> 標籤的話，那麼 <strong> 標籤出現的次數應該更少。若是說用 <em> 標籤修飾的文本好像是在大聲呼喊，那麼用 <strong> 標籤修飾的文本就無異於尖叫了。沉默寡言的人說出的話老是一言既出;駟馬難追，與此相同，限制 <strong> 的使用能夠令應該更加引人注意，並且更加有效。

舉一個例子，常常訪問 W3school 的用戶能夠注意到了，許多教程頁面的第一句摘要都是以粗體顯示的，而實際上，咱們對這一句摘要使用了 <strong> 標籤。使用這個標籤的理由是，咱們認爲教程摘要不只歸納了其所在頁面的內容，並且位於頁面的最重要的位置，其內容天然是很是重要的且值得強調的。

14.<body>標籤，定義文檔主體。

15<br>標籤，定義簡單的折行。

<br> 可插入一個簡單的換行符。

<br> 標籤是空標籤（意味着它沒有結束標籤，所以這是錯誤的：<br></br>）。在 XHTML 中，把結束標籤放在開始標籤中，也就是 <br />。

請注意，<br> 標籤只是簡單地開始新的一行，而當瀏覽器遇到 <p> 標籤時，一般會在相鄰的段落之間插入一些垂直的間距。

16.<button>標籤，定義按鈕。

重要事項：若是在 HTML 表單中使用 button 元素，不一樣的瀏覽器會提交不一樣的值。Internet Explorer 將提交 <button> 與 <button/> 之間的文本，而其餘瀏覽器將提交 value 屬性的內容。請在 HTML 表單中使用 input 元素來建立按鈕。

17.<canvas>標籤，定義圖形（H5標籤）。

<canvas> 標籤訂義圖形，好比圖表和其餘圖像。

<canvas> 標籤只是圖形容器，您必須使用腳原本繪製圖形。

這個 HTML 元素是爲了客戶端矢量圖形而設計的。它本身沒有行爲，但卻把一個繪圖 API 展示給客戶端 JavaScript 以使腳本可以把想繪製的東西都繪製到一塊畫布上。

18.<datalist>標籤，定義選項列表（H5標籤）。

<datalist> 標籤訂義選項列表。請與 input 元素配合使用該元素，來定義 input 可能的值。

datalist 及其選項不會被顯示出來，它僅僅是合法的輸入值列表。

請使用 input 元素的 list 屬性來綁定 datalist。

代碼：<input id="myCar" list="cars" />

<datalist id="cars">

<option value="BMW">

<option value="Ford">

<option value="Volvo">

</datalist>

19.<div>標籤，定義文檔中的節。

<div> 可定義文檔中的分區或節（division/section）。

<div> 標籤能夠把文檔分割爲獨立的、不一樣的部分。它能夠用做嚴格的組織工具，而且不使用任何格式與其關聯。

若是用 id 或 class 來標記 <div>，那麼該標籤的做用會變得更加有效。

<div> 是一個塊級元素。這意味着它的內容自動地開始一個新行。實際上，換行是 <div> 固有的惟一格式表現。能夠經過 <div> 的 class 或 id 應用額外的樣式。

沒必要爲每個 <div> 都加上類或 id，雖然這樣作也有必定的好處。

能夠對同一個 <div> 元素應用 class 或 id 屬性，可是更常見的狀況是隻應用其中一種。這二者的主要差別是，class 用於元素組（相似的元素，或者能夠理解爲某一類元素），而 id 用於標識單獨的惟一的元素。

20.<dl>標籤，定義定義列表。

<dl> 標籤訂義了定義列表（definition list）。

<dl> 標籤用於結合 <dt> （定義列表中的項目）和 <dd> （描述列表中的項目）。

21.<footer>標籤，定義定義 section 或 page 的頁腳（H5標籤）。

<footer> 標籤訂義文檔或節的頁腳。

<footer> 元素應當含有其包含元素的信息。

頁腳一般包含文檔的做者、版權信息、使用條款連接、聯繫信息等等。

您能夠在一個文檔中使用多個 <footer> 元素。

提示：<footer> 元素內的聯繫信息應該位於 <address> 標籤中。

22.<form>標籤，定義供用戶輸入的 HTML 表單。

<form> 標籤用於爲用戶輸入建立 HTML 表單。

表單可以包含 input 元素，好比文本字段、複選框、單選框、提交按鈕等等。

表單還能夠包含 menus、textarea、fieldset、legend 和 label 元素。

表單用於向服務器傳輸數據。

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。