溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
本文小編為大家詳細介紹“HTML的<head>標簽有什么作用”，內容詳細，步驟清晰，細節處理妥當，希望這篇“HTML的<head>標簽有什么作用”文章能幫助大家解決疑惑，下面跟著小編的思路慢慢深入，一起來學習新知識吧。
CSS樣式是表現。就像網頁的外衣。比如，標題字體、顏色變化，或為標題加入背景圖片、邊框等。所有這些用來改變內容外觀的東西稱之為表現。
JavaScript是用來實現網頁上的特效效果。如：鼠標滑過彈出下拉菜單。或鼠標滑過表格的背景顏色改變。還有焦點新聞（新聞圖片）的輪換。可以這么理解，有動畫的，有交互的一般都是用JavaScript來實現的。
1、HTML的固定結構
一個HTML文件是有自己固定的結構的。
<html>
<head>…</head>
<body>…</body>
</html>
代碼講解：
<html></html>稱為根標簽，所有的網頁標簽都在<html></html>中。
<head>
標簽用于定義文檔的頭部，它是所有頭部元素的容器。
頭部元素有<title>、<script>、<style>、<link>、 <meta>等標簽，頭部標簽在下一小節中會有詳細介紹。
在<body>和</body>標簽之間的內容是網頁的主要內容，如<h2>、<p>、<a>、<img>等網頁內容標簽，在這里的標簽中的內容會在瀏覽器中顯示出來。
2、<head>標簽的作用
文檔的頭部描述了文檔的各種屬性和信息，包括文檔的標題等。絕大多數文檔頭部包含的數據都不會真正作為內容顯示給讀者。
下面這些標簽可用在 head 部分：
<head>
<title>…</title>
<meta>
<link>
<style>…</style>
<script>…</script>
</head>
3、<title>標簽
在<title>和</title>標簽之間的文字內容是網頁的標題信息，它會出現在瀏覽器的標題欄中。網頁的title標簽用。網頁制作學習交流群，四九四零六，四九三四。
于告訴用戶和搜索引擎這個網頁的主要內容是什么，搜索引擎可以通過網頁標題，迅速的判斷出網頁的主題。每個網頁的內容都是不同的，每個網頁都應該有一個獨
一無二的title。
例如：
<head>
<title>hello world</title>
</head>
<title>標簽的內容“hello world”會在瀏覽器中的標題欄上顯示出來，
4、標簽的用途
我們學習網頁制作時，常常會聽到一個詞，語義化。那么什么叫做語義化呢，說的通俗點就是：明白每個標簽的用途（在什么情況下使用此標簽合理）比如，網頁上的文章的標題就可以用標題標簽，網頁上的各個欄目的欄目名稱也可以使用標題標簽。
文章中內容的段落就得放在段落標簽中，在文章中有想強調的文本，就可以使
用 em 標簽表示強調等等。
講了這么多語義化，但是語義化可以給我們帶來什么樣的好處呢？
① 更容易被搜索引擎收錄。
②。更容易讓屏幕閱讀器讀出網頁內容。
更多精彩內容微信公眾平臺：網頁設計自學平臺
限時！！免費送Dreamweaver、js等前端教程
如需轉載，請注明文章出處和來源網址：
HTML 實例
<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>菜鳥教程（runoob.com）</title></head><body><h2>我的第一個標題</h2><p>我的第一個段落。</p></body></html>
HTML 之簡介
實例解析
DOCTYPE 聲明了文檔類型
位于標簽 <html> 與 </html> 描述了文檔類型
位于標簽 <body> 與 </body> 為可視化網頁內容
位于標簽 <h2> 與 </h2> 作為一個標題使用
位于標簽 <p> 與 </p> 作為一個段落顯示
HTML 之簡介
什么是HTML?
HTML 是用來描述網頁的一種語言。
HTML 指的是超文本標記語言： HyperText Markup Language
HTML 不是一種編程語言，而是一種標記語言
標記語言是一套標記標簽 （markup tag）
HTML 使用標記標簽來描述網頁
HTML 文檔包含了HTML 標簽及文本內容
HTML文檔也叫做 web 頁面
HTML 之簡介
HTML 標簽
HTML 標記標簽通常被稱為 HTML 標簽 （HTML tag）。
HTML 標簽是由尖括號包圍的關鍵詞，比如 <html>
HTML 標簽通常是成對出現的，比如 <b> 和 </b>
標簽對中的第一個標簽是開始標簽，第二個標簽是結束標簽
開始和結束標簽也被稱為開放標簽和閉合標簽
<標簽>內容</標簽>
HTML 元素
"HTML 標簽" 和 "HTML 元素" 通常都是描述同樣的意思。
但是嚴格來講， 一個 HTML 元素包含了開始標簽與結束標簽，如下實例：
HTML 元素：
<p>這是一個段落。</p>
Web 瀏覽器
Web瀏覽器（如谷歌瀏覽器，Internet Explorer，Firefox，Safari）是用于讀取HTML文件，并將其作為網頁顯示。
瀏覽器并不是直接顯示的HTML標簽，但可以使用標簽來決定如何展現HTML頁面的內容給用戶：
HTML 之簡介
HTML 網頁結構
下面是一個可視化的HTML頁面結構：
<html>
<head>
<title>頁面標題</title>
</head>
<body>
<h2>這是一個標題</h2>
<p>這是一個段落。</p>
<p>這是另外一個段落。</p>
</body>
</html>
HTML 之簡介
HTML版本
從初期的網絡誕生后，已經出現了許多HTML版本：
版本
發布時間
HTML
1991
HTML+
1993
HTML 2.0
1995
HTML 3.2
1997
HTML 4.01
1999
XHTML 1.0
2000
HTML5
2012
XHTML5
2013
<!DOCTYPE> 聲明
<!DOCTYPE>聲明有助于瀏覽器中正確顯示網頁。
網絡上有很多不同的文件，如果能夠正確聲明HTML的版本，瀏覽器就能正確顯示網頁內容。
doctype 聲明是不區分大小寫的，以下方式均可：
<!DOCTYPE html>
<!DOCTYPE HTML>
<!doctype html>
<!Doctype Html>
通用聲明
HTML5
<!DOCTYPE html>
HTML 4.01
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"">
XHTML 1.0
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"">
查看完整網頁聲明類型 DOCTYPE 參考手冊。
HTML 之簡介
中文編碼
目前在大部分瀏覽器中，直接輸出中文會出現中文亂碼的情況，這時候我們就需要在頭部將字符聲明為 UTF-8。
HTML 實例
<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title>頁面標題</title></head><body><h2>我的第一個標題</h2><p>我的第一個段落。</p></body></html>
如需轉載，請注明文章出處和來源網址：
超文本標記語言（Hypertext Markup Language）是一種用來制作網頁的標記語言，不需要編譯，可以直接由瀏覽器解釋執行，更形象地說，HTML是瀏覽器的“母語”。在網頁設計中HTML主要負責信息展現，能獨立于各種操作系統平臺，并且可以通知瀏覽器顯示內容。自20世紀90年代以來，HTML就一直被用作Internet的信息展示語言，用于描述網頁的格式設計和與Internet上其他網頁的鏈接信息。
HTML簡介
關于超文本標記語言，有以下含義：
超（Hyper）：是相對于線性（linear）來說的。以前的計算機程序基本上是線性運行，即當計算機程序執行完一條命令后，轉向下一行，該行結束后，繼續下移，依此類推。但HTML則不同，它可以在任何時候跳轉到任何位置。例如，程序可以從第1行跳轉到第8行，然后跳轉到第5行，甚至可以跳轉到另外一個程序中去執行。
文本（Text）：即文字本身，意味著它是自解釋的（self-explanatory）。
標記（Markup）：指的是如何處理文本。對文本作標記的方式，與在文本編輯程序中將文本加粗，或者將一行文字設為標題或列表項目類似。
語言（Language）：HTML就是一種語言，它使用了許多英文單詞。
讀到這里，這篇“HTML的<head>標簽有什么作用”文章已經介紹完畢，想要掌握這篇文章的知識點還需要大家自己動手實踐使用過才能領會，如果想了解更多相關內容的文章，歡迎關注億速云行業資訊頻道。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
