HTML的<head>標(biāo)簽有什么作用

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

創(chuàng)新互聯(lián)建站是由多位在大型網(wǎng)絡(luò)公司、廣告設(shè)計(jì)公司的優(yōu)秀設(shè)計(jì)人員和策劃人員組成的一個(gè)具有豐富經(jīng)驗(yàn)的團(tuán)隊(duì)，其中包括網(wǎng)站策劃、網(wǎng)頁(yè)美工、網(wǎng)站程序員、網(wǎng)頁(yè)設(shè)計(jì)師、平面廣告設(shè)計(jì)師、網(wǎng)絡(luò)營(yíng)銷人員及形象策劃。承接：網(wǎng)站設(shè)計(jì)制作、成都網(wǎng)站建設(shè)、網(wǎng)站改版、網(wǎng)頁(yè)設(shè)計(jì)制作、網(wǎng)站建設(shè)與維護(hù)、網(wǎng)絡(luò)推廣、數(shù)據(jù)庫(kù)開發(fā),以高性價(jià)比制作企業(yè)網(wǎng)站、行業(yè)門戶平臺(tái)等全方位的服務(wù)。

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

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

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

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

<html>

</html>

代碼講解：

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

<head>

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

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

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

2、<head>標(biāo)簽的作用

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

下面這些標(biāo)簽可用在 head 部分：

<head>

<meta>

<link>

</head>

3、<title>標(biāo)簽

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

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

一無(wú)二的title。

例如：

<head>

<title>hello world</title>

</head>

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

4、標(biāo)簽的用途

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

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

用 em 標(biāo)簽表示強(qiáng)調(diào)等等。

講了這么多語(yǔ)義化，但是語(yǔ)義化可以給我們帶來(lái)什么樣的好處呢？

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

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

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

限時(shí)?。∶赓M(fèi)送Dreamweaver、js等前端教程

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

HTML 實(shí)例

<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>菜鳥教程（runoob.com）</title></head><body><h2>我的第一個(gè)標(biāo)題</h2><p>我的第一個(gè)段落。</p></body></html>

HTML 之簡(jiǎn)介

實(shí)例解析

DOCTYPE 聲明了文檔類型

位于標(biāo)簽 <html> 與 </html> 描述了文檔類型

位于標(biāo)簽 <body> 與 </body> 為可視化網(wǎng)頁(yè)內(nèi)容

位于標(biāo)簽 <h2> 與 </h2> 作為一個(gè)標(biāo)題使用

位于標(biāo)簽 <p> 與 </p> 作為一個(gè)段落顯示

HTML 之簡(jiǎn)介

什么是HTML?

HTML 是用來(lái)描述網(wǎng)頁(yè)的一種語(yǔ)言。

HTML 指的是超文本標(biāo)記語(yǔ)言： HyperText Markup Language

HTML 不是一種編程語(yǔ)言，而是一種標(biāo)記語(yǔ)言

標(biāo)記語(yǔ)言是一套標(biāo)記標(biāo)簽（markup tag）

HTML 使用標(biāo)記標(biāo)簽來(lái)描述網(wǎng)頁(yè)

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

HTML文檔也叫做 web 頁(yè)面

HTML 之簡(jiǎn)介

HTML 標(biāo)簽

HTML 標(biāo)記標(biāo)簽通常被稱為 HTML 標(biāo)簽（HTML tag）。

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

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

標(biāo)簽對(duì)中的第一個(gè)標(biāo)簽是開始標(biāo)簽，第二個(gè)標(biāo)簽是結(jié)束標(biāo)簽

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

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

HTML 元素

"HTML 標(biāo)簽" 和 "HTML 元素" 通常都是描述同樣的意思。

但是嚴(yán)格來(lái)講，一個(gè) HTML 元素包含了開始標(biāo)簽與結(jié)束標(biāo)簽，如下實(shí)例：

HTML 元素：

Web 瀏覽器

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

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

HTML 之簡(jiǎn)介

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

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

<html>

<head>

</head>

<body>

<p>這是另外一個(gè)段落。</p>

</body>

</html>

HTML 之簡(jiǎn)介

HTML版本

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

版本

發(fā)布時(shí)間

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)頁(yè)。

網(wǎng)絡(luò)上有很多不同的文件，如果能夠正確聲明HTML的版本，瀏覽器就能正確顯示網(wǎng)頁(yè)內(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)頁(yè)聲明類型 DOCTYPE 參考手冊(cè)。

HTML 之簡(jiǎn)介

中文編碼

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

HTML 實(shí)例

<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title>頁(yè)面標(biāo)題</title></head><body><h2>我的第一個(gè)標(biāo)題</h2><p>我的第一個(gè)段落。</p></body></html>

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

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

HTML簡(jiǎn)介

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

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

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

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

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

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

本文名稱：HTML的<head>標(biāo)簽有什么作用
網(wǎng)站鏈接：http://aaarwkj.com/article38/jesosp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供、微信公眾號(hào)、動(dòng)態(tài)網(wǎng)站、虛擬主機(jī)、搜索引擎優(yōu)化、移動(dòng)網(wǎng)站建設(shè)

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容

欧美一级特黄大片做受成人-亚洲成人一区二区电影-激情熟女一区二区三区-日韩专区欧美专区国产专区

HTML的<head>標(biāo)簽有什么作用