網(wǎng)頁(yè)Head和DTD
2024-04-11 分類： 網(wǎng)站建設(shè)
head和DTD盡管不會(huì)顯示在頁(yè)面上，但是卻是網(wǎng)頁(yè)的重要元素。
為什么會(huì)出錯(cuò)？
在上一節(jié)中我們我們?cè)跈z驗(yàn)我們的網(wǎng)頁(yè)時(shí)得到了一段出錯(cuò)信息，但是我們?cè)谡麄€(gè)網(wǎng)頁(yè)的制作過(guò)程中都是按照XHTML標(biāo)準(zhǔn)寫(xiě)的啊。其實(shí)問(wèn)題出在了網(wǎng)頁(yè)的“頭部”，下面我們就來(lái)解決這個(gè)問(wèn)題。
<head>部分
在之前的教程中除了<title>標(biāo)簽之外我們修改的都是<body>之間的內(nèi)容，也就是顯示在頁(yè)面里的內(nèi)容。那么XHTML中的<head>部分是做什么的呢？其實(shí)在<head>部分我么可以加入許多瀏覽器可以“看得見(jiàn)”的信息。下面我們就介紹一些head部分常用的標(biāo)簽。
注意：本節(jié)的標(biāo)簽與屬性大多數(shù)難于記憶，事實(shí)上在我們?cè)谑褂镁W(wǎng)頁(yè)制作軟件創(chuàng)建網(wǎng)頁(yè)的時(shí)候它們會(huì)自動(dòng)生成。本節(jié)的目的是能夠了解這些標(biāo)簽的含義，以在必要的時(shí)候可以做一些手工的修改?，F(xiàn)在就打開(kāi)我們的“index.html”，在<head></head>中間插入如下代碼：
1.<meta http-equiv="Content-Type" content="text/html;charset=gb2312" /> 這段代碼告訴瀏覽器我們的網(wǎng)頁(yè)使用的是gb2312中文字符編碼，沒(méi)有該段<meta>信息正是上一次檢驗(yàn)時(shí)出現(xiàn)問(wèn)題的原因之一。
2.<meta name="keywords" content="小學(xué)生,欺負(fù)同學(xué),寒暑假作業(yè),家長(zhǎng)" />
這段代碼是為搜索引擎寫(xiě)的，content的內(nèi)容就是index.html的關(guān)鍵詞。
請(qǐng)注意，<meta>標(biāo)簽也是一個(gè)空標(biāo)簽，別忘記加上/。<meta>標(biāo)簽的作用還遠(yuǎn)不只這些，不過(guò)在缺少實(shí)際應(yīng)用的情況下，很難了解<meta>標(biāo)簽的實(shí)際用處。如果想了解更多<meta>標(biāo)簽的知識(shí)，可以到百度搜索相關(guān)知識(shí)。
關(guān)于<head>標(biāo)簽的說(shuō)明
正如之前所說(shuō)的，<head>部分的內(nèi)容并不是為瀏覽者寫(xiě)的，而是為瀏覽器和搜索引擎寫(xiě)的。因此<head>部分不應(yīng)該含有任何在頁(yè)面中可視的的內(nèi)容。
DTD
如果現(xiàn)在再次檢驗(yàn)我們的網(wǎng)頁(yè)，仍然會(huì)得到出錯(cuò)信息，提示找不到DTD文件，那么什么是DTD文件呢？簡(jiǎn)單的說(shuō)它就是在任何人（多數(shù)情況下是類似瀏覽器的軟件）想要讀取我們的文件之前告訴他我們文件是遵照哪一套規(guī)則來(lái)寫(xiě)的。以檢驗(yàn)過(guò)程為例子，如果我們使用HTML4.01的DTD呢，效驗(yàn)器就會(huì)認(rèn)為我們是使用的HTML4.01的規(guī)則編寫(xiě)的網(wǎng)頁(yè)，然后按照相應(yīng)的規(guī)則來(lái)一行一行的檢驗(yàn)我們的代碼，最終返回檢驗(yàn)結(jié)果。
我們制作的網(wǎng)頁(yè)是使用XHTML的規(guī)則，當(dāng)然要使用XHTML的DTD。不過(guò)正如我們前面提到的，XHTML的DTD也分為相對(duì)松散的過(guò)渡期DTD和要求相當(dāng)嚴(yán)格的嚴(yán)格DTD。本教程中我們將要在網(wǎng)頁(yè)中聲明嚴(yán)格的DTD，如果您想了解更多關(guān)于DTD的內(nèi)容需要學(xué)習(xí)XML，本教程中不做過(guò)多討論。
下面我們就為我們的網(wǎng)頁(yè)聲明DTD。打開(kāi)之前保存的"index.html"，在第一行（<html>標(biāo)簽之前）輸入如下代碼：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 并且在<html>標(biāo)簽里添加如下屬性：xmlns="http://www.w3.org/1999/xhtml"。這個(gè)叫做命名空間屬性，屬于XML范疇，我們這里仍然不做過(guò)多的討論。
這段代碼的作用就是聲明我們的網(wǎng)頁(yè)是使用的xhtml1-strict.dtd?，F(xiàn)在再將這個(gè)頁(yè)面提交給W3的效驗(yàn)器，這次將返回一個(gè)“This Page Is Valid XHTML1.0 Strict!”的信息。這表示我們的代碼中沒(méi)有任何錯(cuò)誤，完全符合XHTML1的strict(嚴(yán)格)標(biāo)準(zhǔn)。當(dāng)然了，實(shí)際工作中情況可能不總是如此，在實(shí)際的網(wǎng)頁(yè)設(shè)計(jì)過(guò)程中，總會(huì)有各種原因造成我們寫(xiě)出不規(guī)范的代碼。這時(shí)效驗(yàn)器就會(huì)給出錯(cuò)誤報(bào)告，我們只需要按照提示修改代碼即可。
本文來(lái)源于成都網(wǎng)站建設(shè)公司與成都網(wǎng)站設(shè)計(jì)制作公司-創(chuàng)新互聯(lián)成都公司！
為什么會(huì)出錯(cuò)？
在上一節(jié)中我們我們?cè)跈z驗(yàn)我們的網(wǎng)頁(yè)時(shí)得到了一段出錯(cuò)信息，但是我們?cè)谡麄€(gè)網(wǎng)頁(yè)的制作過(guò)程中都是按照XHTML標(biāo)準(zhǔn)寫(xiě)的啊。其實(shí)問(wèn)題出在了網(wǎng)頁(yè)的“頭部”，下面我們就來(lái)解決這個(gè)問(wèn)題。
<head>部分
在之前的教程中除了<title>標(biāo)簽之外我們修改的都是<body>之間的內(nèi)容，也就是顯示在頁(yè)面里的內(nèi)容。那么XHTML中的<head>部分是做什么的呢？其實(shí)在<head>部分我么可以加入許多瀏覽器可以“看得見(jiàn)”的信息。下面我們就介紹一些head部分常用的標(biāo)簽。
注意：本節(jié)的標(biāo)簽與屬性大多數(shù)難于記憶，事實(shí)上在我們?cè)谑褂镁W(wǎng)頁(yè)制作軟件創(chuàng)建網(wǎng)頁(yè)的時(shí)候它們會(huì)自動(dòng)生成。本節(jié)的目的是能夠了解這些標(biāo)簽的含義，以在必要的時(shí)候可以做一些手工的修改?，F(xiàn)在就打開(kāi)我們的“index.html”，在<head></head>中間插入如下代碼：
1.<meta http-equiv="Content-Type" content="text/html;charset=gb2312" /> 這段代碼告訴瀏覽器我們的網(wǎng)頁(yè)使用的是gb2312中文字符編碼，沒(méi)有該段<meta>信息正是上一次檢驗(yàn)時(shí)出現(xiàn)問(wèn)題的原因之一。
2.<meta name="keywords" content="小學(xué)生,欺負(fù)同學(xué),寒暑假作業(yè),家長(zhǎng)" />
這段代碼是為搜索引擎寫(xiě)的，content的內(nèi)容就是index.html的關(guān)鍵詞。
請(qǐng)注意，<meta>標(biāo)簽也是一個(gè)空標(biāo)簽，別忘記加上/。<meta>標(biāo)簽的作用還遠(yuǎn)不只這些，不過(guò)在缺少實(shí)際應(yīng)用的情況下，很難了解<meta>標(biāo)簽的實(shí)際用處。如果想了解更多<meta>標(biāo)簽的知識(shí)，可以到百度搜索相關(guān)知識(shí)。
關(guān)于<head>標(biāo)簽的說(shuō)明
正如之前所說(shuō)的，<head>部分的內(nèi)容并不是為瀏覽者寫(xiě)的，而是為瀏覽器和搜索引擎寫(xiě)的。因此<head>部分不應(yīng)該含有任何在頁(yè)面中可視的的內(nèi)容。
DTD
如果現(xiàn)在再次檢驗(yàn)我們的網(wǎng)頁(yè)，仍然會(huì)得到出錯(cuò)信息，提示找不到DTD文件，那么什么是DTD文件呢？簡(jiǎn)單的說(shuō)它就是在任何人（多數(shù)情況下是類似瀏覽器的軟件）想要讀取我們的文件之前告訴他我們文件是遵照哪一套規(guī)則來(lái)寫(xiě)的。以檢驗(yàn)過(guò)程為例子，如果我們使用HTML4.01的DTD呢，效驗(yàn)器就會(huì)認(rèn)為我們是使用的HTML4.01的規(guī)則編寫(xiě)的網(wǎng)頁(yè)，然后按照相應(yīng)的規(guī)則來(lái)一行一行的檢驗(yàn)我們的代碼，最終返回檢驗(yàn)結(jié)果。
我們制作的網(wǎng)頁(yè)是使用XHTML的規(guī)則，當(dāng)然要使用XHTML的DTD。不過(guò)正如我們前面提到的，XHTML的DTD也分為相對(duì)松散的過(guò)渡期DTD和要求相當(dāng)嚴(yán)格的嚴(yán)格DTD。本教程中我們將要在網(wǎng)頁(yè)中聲明嚴(yán)格的DTD，如果您想了解更多關(guān)于DTD的內(nèi)容需要學(xué)習(xí)XML，本教程中不做過(guò)多討論。
下面我們就為我們的網(wǎng)頁(yè)聲明DTD。打開(kāi)之前保存的"index.html"，在第一行（<html>標(biāo)簽之前）輸入如下代碼：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 并且在<html>標(biāo)簽里添加如下屬性：xmlns="http://www.w3.org/1999/xhtml"。這個(gè)叫做命名空間屬性，屬于XML范疇，我們這里仍然不做過(guò)多的討論。
這段代碼的作用就是聲明我們的網(wǎng)頁(yè)是使用的xhtml1-strict.dtd?，F(xiàn)在再將這個(gè)頁(yè)面提交給W3的效驗(yàn)器，這次將返回一個(gè)“This Page Is Valid XHTML1.0 Strict!”的信息。這表示我們的代碼中沒(méi)有任何錯(cuò)誤，完全符合XHTML1的strict(嚴(yán)格)標(biāo)準(zhǔn)。當(dāng)然了，實(shí)際工作中情況可能不總是如此，在實(shí)際的網(wǎng)頁(yè)設(shè)計(jì)過(guò)程中，總會(huì)有各種原因造成我們寫(xiě)出不規(guī)范的代碼。這時(shí)效驗(yàn)器就會(huì)給出錯(cuò)誤報(bào)告，我們只需要按照提示修改代碼即可。
本文來(lái)源于成都網(wǎng)站建設(shè)公司與成都網(wǎng)站設(shè)計(jì)制作公司-創(chuàng)新互聯(lián)成都公司！
分享名稱：網(wǎng)頁(yè)Head和DTD
網(wǎng)站網(wǎng)址：http://jinyejixie.com/news10/323260.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站改版、動(dòng)態(tài)網(wǎng)站、靜態(tài)網(wǎng)站、自適應(yīng)網(wǎng)站、微信小程序、小程序開(kāi)發(fā)
聲明：本網(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)容
- 其實(shí)小企業(yè)更需要網(wǎng)絡(luò) 2024-04-11
- 網(wǎng)站建設(shè)與設(shè)計(jì)有哪些需要引起重視的行業(yè)規(guī)范? 2024-04-11
- 漢中網(wǎng)站制作如何設(shè)計(jì)才適合做seo優(yōu)化？ 2024-04-11
- 什么是停放域名？常見(jiàn)的停放域名的原因 2024-04-11
- 成都網(wǎng)絡(luò)公司：是你的移動(dòng)網(wǎng)站表現(xiàn)的像它應(yīng)該是什么？ 2024-04-11
- 程序員影響深刻的5個(gè)編程網(wǎng)站 2024-04-11
- 小程序裂變的步驟有哪些? 2024-04-11
- 美國(guó)服務(wù)器的網(wǎng)絡(luò)安全服務(wù) 2024-04-11
- 詳述網(wǎng)站推廣的幾大方法 2024-04-11
- 如何選擇域名才有利于網(wǎng)站優(yōu)化？ 2024-04-11
- 網(wǎng)站推廣優(yōu)化需要注意哪些方面？ 2024-04-11
- 建設(shè)一個(gè)多語(yǔ)言網(wǎng)站要考慮哪些基本因素？ 2024-04-11
- 在美國(guó)專用服務(wù)器上使用Steam的好處以及如何設(shè)置 2024-04-11
- 網(wǎng)站制作費(fèi)用情況 2024-04-11
- 美國(guó)Linux服務(wù)器系統(tǒng)賬戶管理介紹 2024-04-11
- 成都網(wǎng)站建設(shè)的難度是否很大 2024-04-11
- 成都網(wǎng)絡(luò)推廣公司告訴你如何做好百度移動(dòng)端競(jìng) 2024-04-11
- 移動(dòng)端網(wǎng)站有哪些重要性？看看移動(dòng)端的市場(chǎng)(移動(dòng)端產(chǎn)品有哪些) 2024-04-11
- 網(wǎng)頁(yè)的排版與布局 2024-04-11