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