溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

HTML的<head>標簽有什么作用

發(fā)布時間：2022-03-05 16:39:28 來源：億速云 閱讀：316 作者：iii 欄目：web開發(fā)

本文小編為大家詳細介紹“HTML的<head>標簽有什么作用”，內(nèi)容詳細，步驟清晰，細節(jié)處理妥當(dāng)，希望這篇“HTML的<head>標簽有什么作用”文章能幫助大家解決疑惑，下面跟著小編的思路慢慢深入，一起來學(xué)習(xí)新知識吧。

　　CSS樣式是表現(xiàn)。就像網(wǎng)頁的外衣。比如，標題字體、顏色變化，或為標題加入背景圖片、邊框等。所有這些用來改變內(nèi)容外觀的東西稱之為表現(xiàn)。

　　JavaScript是用來實現(xiàn)網(wǎng)頁上的特效效果。如：鼠標滑過彈出下拉菜單?；蚴髽嘶^表格的背景顏色改變。還有焦點新聞（新聞圖片）的輪換?？梢赃@么理解，有動畫的，有交互的一般都是用JavaScript來實現(xiàn)的。

　　1、HTML的固定結(jié)構(gòu)

　　一個HTML文件是有自己固定的結(jié)構(gòu)的。

　　<html>

　　<head>&hellip;</head>

　　<body>&hellip;</body>

　　</html>

　　代碼講解：

　　<html></html>稱為根標簽，所有的網(wǎng)頁標簽都在<html></html>中。

　　<head>

　　標簽用于定義文檔的頭部，它是所有頭部元素的容器。

　　頭部元素有<title>、<script>、<style>、<link>、 <meta>等標簽，頭部標簽在下一小節(jié)中會有詳細介紹。

　　在<body>和</body>標簽之間的內(nèi)容是網(wǎng)頁的主要內(nèi)容，如<h2>、<p>、<a>、<img>等網(wǎng)頁內(nèi)容標簽，在這里的標簽中的內(nèi)容會在瀏覽器中顯示出來。

　　2、<head>標簽的作用

　　文檔的頭部描述了文檔的各種屬性和信息，包括文檔的標題等。絕大多數(shù)文檔頭部包含的數(shù)據(jù)都不會真正作為內(nèi)容顯示給讀者。

　　下面這些標簽可用在 head 部分：

　　<head>

　　<title>&hellip;</title>

　　<meta>

　　<link>

　　<style>&hellip;</style>

　　<script>&hellip;</script>

　　</head>

　　3、<title>標簽

　　在<title>和</title>標簽之間的文字內(nèi)容是網(wǎng)頁的標題信息，它會出現(xiàn)在瀏覽器的標題欄中。網(wǎng)頁的title標簽用。網(wǎng)頁制作學(xué)習(xí)交流群，四九四零六，四九三四。

　　于告訴用戶和搜索引擎這個網(wǎng)頁的主要內(nèi)容是什么，搜索引擎可以通過網(wǎng)頁標題，迅速的判斷出網(wǎng)頁的主題。每個網(wǎng)頁的內(nèi)容都是不同的，每個網(wǎng)頁都應(yīng)該有一個獨

　　一無二的title。

　　例如：

　　<head>

　　<title>hello world</title>

　　</head>

　　<title>標簽的內(nèi)容“hello world”會在瀏覽器中的標題欄上顯示出來，

　　4、標簽的用途

　　我們學(xué)習(xí)網(wǎng)頁制作時，常常會聽到一個詞，語義化。那么什么叫做語義化呢，說的通俗點就是：明白每個標簽的用途（在什么情況下使用此標簽合理）比如，網(wǎng)頁上的文章的標題就可以用標題標簽，網(wǎng)頁上的各個欄目的欄目名稱也可以使用標題標簽。

　　文章中內(nèi)容的段落就得放在段落標簽中，在文章中有想強調(diào)的文本，就可以使

　　用 em 標簽表示強調(diào)等等。

　　講了這么多語義化，但是語義化可以給我們帶來什么樣的好處呢？

　　① 更容易被搜索引擎收錄。

　?、?。更容易讓屏幕閱讀器讀出網(wǎng)頁內(nèi)容。

　　更多精彩內(nèi)容微信公眾平臺：網(wǎng)頁設(shè)計自學(xué)平臺

　　限時?。∶赓M送Dreamweaver、js等前端教程

　　如需轉(zhuǎn)載，請注明文章出處和來源網(wǎng)址：

　　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> 為可視化網(wǎng)頁內(nèi)容

　　位于標簽 <h2> 與 </h2> 作為一個標題使用

　　位于標簽 <p> 與 </p> 作為一個段落顯示

　　HTML 之簡介

　　什么是HTML?

　　HTML 是用來描述網(wǎng)頁的一種語言。

　　HTML 指的是超文本標記語言： HyperText Markup Language

　　HTML 不是一種編程語言，而是一種標記語言

　　標記語言是一套標記標簽 （markup tag）

　　HTML 使用標記標簽來描述網(wǎng)頁

　　HTML 文檔包含了HTML 標簽及文本內(nèi)容

　　HTML文檔也叫做 web 頁面

　　HTML 之簡介

　　HTML 標簽

　　HTML 標記標簽通常被稱為 HTML 標簽 （HTML tag）。

　　HTML 標簽是由尖括號包圍的關(guān)鍵詞，比如 <html>

　　HTML 標簽通常是成對出現(xiàn)的，比如 <b> 和 </b>

　　標簽對中的第一個標簽是開始標簽，第二個標簽是結(jié)束標簽

　　開始和結(jié)束標簽也被稱為開放標簽和閉合標簽

　　<標簽>內(nèi)容</標簽>

　　HTML 元素

　　"HTML 標簽" 和 "HTML 元素" 通常都是描述同樣的意思。

　　但是嚴格來講， 一個 HTML 元素包含了開始標簽與結(jié)束標簽，如下實例：

　　HTML 元素：

　　<p>這是一個段落。</p>

　　Web 瀏覽器

　　Web瀏覽器（如谷歌瀏覽器，Internet Explorer，F(xiàn)irefox，Safari）是用于讀取HTML文件，并將其作為網(wǎng)頁顯示。

　　瀏覽器并不是直接顯示的HTML標簽，但可以使用標簽來決定如何展現(xiàn)HTML頁面的內(nèi)容給用戶：

　　HTML 之簡介

　　HTML 網(wǎng)頁結(jié)構(gòu)

　　下面是一個可視化的HTML頁面結(jié)構(gòu)：

　　<html>

　　<head>

　　<title>頁面標題</title>

　　</head>

　　<body>

　　<h2>這是一個標題</h2>

　　<p>這是一個段落。</p>

　　<p>這是另外一個段落。</p>

　　</body>

　　</html>

　　HTML 之簡介

　　HTML版本

　　從初期的網(wǎng)絡(luò)誕生后，已經(jīng)出現(xiàn)了許多HTML版本：

　　版本

　　發(fā)布時間

　　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>聲明有助于瀏覽器中正確顯示網(wǎng)頁。

　　網(wǎng)絡(luò)上有很多不同的文件，如果能夠正確聲明HTML的版本，瀏覽器就能正確顯示網(wǎng)頁內(nèi)容。

　　doctype 聲明是不區(qū)分大小寫的，以下方式均可：

　　<!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"

　　"">

　　查看完整網(wǎng)頁聲明類型 DOCTYPE 參考手冊。

　　HTML 之簡介

　　中文編碼

　　目前在大部分瀏覽器中，直接輸出中文會出現(xiàn)中文亂碼的情況，這時候我們就需要在頭部將字符聲明為 UTF-8。

　　HTML 實例

　　<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title>頁面標題</title></head><body><h2>我的第一個標題</h2><p>我的第一個段落。</p></body></html>

　　如需轉(zhuǎn)載，請注明文章出處和來源網(wǎng)址：

　　超文本標記語言（Hypertext Markup Language）是一種用來制作網(wǎng)頁的標記語言，不需要編譯，可以直接由瀏覽器解釋執(zhí)行，更形象地說，HTML是瀏覽器的“母語”。在網(wǎng)頁設(shè)計中HTML主要負責(zé)信息展現(xiàn)，能獨立于各種操作系統(tǒng)平臺，并且可以通知瀏覽器顯示內(nèi)容。自20世紀90年代以來，HTML就一直被用作Internet的信息展示語言，用于描述網(wǎng)頁的格式設(shè)計和與Internet上其他網(wǎng)頁的鏈接信息。

　　HTML簡介

　　關(guān)于超文本標記語言，有以下含義：

　　超（Hyper）：是相對于線性（linear）來說的。以前的計算機程序基本上是線性運行，即當(dāng)計算機程序執(zhí)行完一條命令后，轉(zhuǎn)向下一行，該行結(jié)束后，繼續(xù)下移，依此類推。但HTML則不同，它可以在任何時候跳轉(zhuǎn)到任何位置。例如，程序可以從第1行跳轉(zhuǎn)到第8行，然后跳轉(zhuǎn)到第5行，甚至可以跳轉(zhuǎn)到另外一個程序中去執(zhí)行。

　　文本（Text）：即文字本身，意味著它是自解釋的（self-explanatory）。

　　標記（Markup）：指的是如何處理文本。對文本作標記的方式，與在文本編輯程序中將文本加粗，或者將一行文字設(shè)為標題或列表項目類似。

　　語言（Language）：HTML就是一種語言，它使用了許多英文單詞。

讀到這里，這篇“HTML的<head>標簽有什么作用”文章已經(jīng)介紹完畢，想要掌握這篇文章的知識點還需要大家自己動手實踐使用過才能領(lǐng)會，如果想了解更多相關(guān)內(nèi)容的文章，歡迎關(guān)注億速云行業(yè)資訊頻道。

向AI問一下細節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手