標籤：
重點摘錄：HTML head 元素| 標籤 | 描述 |
|---|---|
| <head> | 定義了文檔的資訊 |
| <title> | 定義了文檔的標題 |
| <base> | 定義了頁面連結標籤的預設連結地址 |
| <link> | 定義了一個文檔和外部資源之間的關係 |
| <meta> | 定義了HTML文檔中的中繼資料 |
| <script> | 定義了用戶端的指令檔 |
| <style> | 定義了HTML文檔的樣式檔案 |
<head> 元素包含了所有的頭部標籤元素。在 <head>元素中你可以插入指令碼（scripts）, 樣式檔案（CSS），及各種meta資訊。
可以添加在頭部地區的元素標籤為: <title>, <style>, <meta>, <link>, <script>, <noscript>, and <base>.HTML <title> 元素
<title> 元素:
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
The content of the document......
</body>
</html>
HTML <base> 元素
<base> 標籤描述了基本的連結地址/連結目標，該標籤作為HTML文檔中所有的連結標籤的預設連結:
<head>| 屬性 | 值 | 描述 |
|---|---|---|
| href | URL | 規定頁面中所有相對連結的基準 URL。 |
| target | _blank _parent _self _top framename |
規定頁面中所有的超連結和表單在何處開啟。該屬性會被每個連結中的 target 屬性覆蓋。 |
<link> 標籤定義了文檔與外部資源之間的關係。
<link> 標籤通常用於連結到樣式表:
<head>New：HTML5 新屬性。
| 屬性 | 值 | 描述 |
|---|---|---|
| charset | char_encoding | HTML5 不支援該屬性。 定義被連結文檔的字元編碼方式。 |
| href | URL | 定義被連結文檔的位置。 |
| hreflang | language_code | 定義被連結文檔中文本的語言。 |
| media | media_query | 規定被連結文檔將顯示在什麼裝置上。 |
| rel | alternate archives author bookmark external first help icon last license next nofollow noreferrer pingback prefetch prev search sidebar stylesheet tag up |
必需。定義當前文檔與被連結文檔之間的關係。 |
| rev | reversed relationship | HTML5 不支援該屬性。 定義被連結文檔與當前文檔之間的關係。 |
| sizesNew | HeightxWidth any |
定義了連結屬性大小，只對屬性 rel="icon" 起作用。 |
| target | _blank _self _top _parent frame_name |
HTML5 不支援該屬性。 定義在何處載入被連結文檔。 |
| type | MIME_type | 規定被連結文檔的 MIME 類型。 |
<style> 標籤定義了HTML文檔的樣式檔案引用地址.
在<style> 元素中你需要指定樣式檔案來渲染HTML文檔:
<head><style> 標籤定義 HTML 文檔的樣式資訊。
在 <style> 元素中，您可以規定在瀏覽器中如何呈現 HTML 文檔。
每個 HTML 文檔能包含多個 <style> 標籤。
提示和注釋提示：如需連結外部樣式表，請使用 <link> 標籤。
提示：如需學習更多有關樣式表的知識，請閱讀我們的 CSS 教程。
注釋：如果沒有使用 "scoped" 屬性，則每一個 <style> 標籤必須位於 head 頭部地區。
HTML 4.01 與 HTML5之間的差異"scoped" 屬性是 HTML 5 中的新屬性，它允許我們為文檔的指定部分定義樣式，而不是整個文檔。
如果使用 "scoped" 屬性，那麼所規定的樣式只能應用到 style 元素的父元素及其子項目。
New：HTML5 中的新屬性。
| 屬性 | 值 | 描述 |
|---|---|---|
| media | media_query | 為樣式表規定不同的媒體類型。 |
| scopedNew | scoped | 如果使用該屬性，則樣式僅僅應用到 style 元素的父元素及其子項目。 |
| type | text/css | 規定樣式表的 MIME 類型。 |
meta標籤描述了一些基本的中繼資料。
<meta> 標籤提供了中繼資料.中繼資料也不顯示在頁面上，但會被瀏覽器解析。
META元素通常用於指定網頁的描述，關鍵詞，檔案的最後修改時間，作者，和其他中繼資料。
中繼資料可以使用於瀏覽器（如何顯示內容或重新載入頁面），搜尋引擎（關鍵詞），或其他Web服務。
<meta>一般放置於 <head>地區
<meta> 標籤- 使用執行個體為搜尋引擎定義關鍵詞:
<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">為網頁定義描述內容:
<meta name="description" content="Free Web tutorials on HTML and CSS">定義網頁作者:
<meta name="author" content="Hege Refsnes">每30秒中重新整理當前頁面:
<meta http-equiv="refresh" content="30"> 屬性New ：HTML5 新屬性。
| 屬性 | 值 | 描述 |
|---|---|---|
| charsetNew | character_set | 定義文檔的字元編碼。 |
| content | text | 定義與 http-equiv 或 name 屬性相關的元資訊。 |
| http-equiv | content-type default-style refresh |
把 content 屬性關聯到 HTTP 頭部。 |
| name | application-name author description generator keywords |
把 content 屬性關聯到一個名稱。 |
| scheme | format/URI | HTML5不支援。 定義用於翻譯 content 屬性值的格式。 |
<script>標籤用於載入指令檔，如： JavaScript。
<script> 元素在以下章節會詳細描述。
標籤定義及使用說明
<script> 標籤用於定義用戶端指令碼，比如 JavaScript。
<script> 元素既可包含指令碼語句，也可以通過 "src" 屬性指向外部指令檔。
JavaScript 通常用於映像操作、表單驗證以及動態內容更改。
提示和注釋注釋：如果使用 "src" 屬性，則 <script> 元素必須是空的。
提示：請參閱 <noscript> 元素，對於那些在瀏覽器中禁用指令碼或者其瀏覽器不支援用戶端指令碼的使用者來說，該元素非常有用。
注釋： 有多種執行外部指令碼的方法：
在 HTML 4 中，"type" 屬性是必需的，但在 HTML5 中是可選的。
"async" 屬性是 HTML5 中的新屬性。
HTML5 中不再支援 HTML 4.01 中的某些屬性："xml:space"。
HTML 與 XHTML 之間的差異在 XHTML 中，指令碼中的內容類型聲明為 #PCDATA（代替 CDATA），就是說會對實體進行解析。
這意味著，在 XHTML 中，應該編碼所有特殊的字元，或者把所有內容嵌套在 CDATA 部分中：
<script type="text/javascript">New ：HTML5 中的新屬性。
| 屬性 | 值 | 描述 |
|---|---|---|
| asyncNew | async | 規定非同步執行指令碼（僅適用於外部指令碼）。 |
| charset | charset | 規定在指令碼中使用的字元編碼（僅適用於外部指令碼）。 |
| defer | defer | 規定當頁面已完成解析後，執行指令碼（僅適用於外部指令碼）。 |
| src | URL | 規定外部指令碼的 URL。 |
| type | MIME-type | 規定指令碼的 MIME 類型。 |
| xml:space | preserve | HTML5 不支援。規定是否保留代碼中的空白。 |
HTML基礎總結<頭部>
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
