XHTML入門學習教程:網(wǎng)頁Head和DTD
互聯(lián)網(wǎng) 發(fā)布時間：2008-10-17 18:56:48 作者：佚名 
我要評論
我要評論head和DTD盡管不會顯示在頁面上，但是卻是網(wǎng)頁的重要元素。
為什么會出錯？
在上一節(jié)中我們我們在檢驗我們的網(wǎng)頁時得到了一段出錯信息，但是我們在整個網(wǎng)頁的制作過程中都是按照XHTML標準寫的啊。其實問題出在了網(wǎng)頁的“頭部”，下面我們就來解決這個問題。
head和DTD盡管不會顯示在頁面上，但是卻是網(wǎng)頁的重要元素。 為什么會出錯？
在上一節(jié)中我們我們在檢驗我們的網(wǎng)頁時得到了一段出錯信息，但是我們在整個網(wǎng)頁的制作過程中都是按照XHTML標準寫的啊。其實問題出在了網(wǎng)頁的“頭部”，下面我們就來解決這個問題。 <head>部分
在之前的教程中除了<title>標簽之外我們修改的都是<body>之間的內(nèi)容，也就是顯示在頁面里的內(nèi)容。那么XHTML中的<head>部分是做什么的呢？其實在<head>部分我么可以加入許多瀏覽器可以“看得見”的信息。下面我們就介紹一些head部分常用的標簽。
注意：本節(jié)的標簽與屬性大多數(shù)難于記憶，事實上在我們在使用網(wǎng)頁制作軟件創(chuàng)建網(wǎng)頁的時候它們會自動生成。本節(jié)的目的是能夠了解這些標簽的含義，以在必要的時候可以做一些手工的修改?，F(xiàn)在就打開我們的“index.html”，在<head></head>中間插入如下代碼：
1.<meta http-equiv="Content-Type" content="text/html;charset=gb2312" />
這段代碼告訴瀏覽器我們的網(wǎng)頁使用的是gb2312中文字符編碼，沒有該段<meta>信息正是上一次檢驗時出現(xiàn)問題的原因之一。
2.<meta name="keywords" content="小學生,欺負同學,寒暑假作業(yè),家長" />
這段代碼是為搜索引擎寫的，content的內(nèi)容就是index.html的關鍵詞。
請注意，<meta>標簽也是一個空標簽，別忘記加上/。<meta>標簽的作用還遠不只這些，不過在缺少實際應用的情況下，很難了解<meta>標簽的實際用處。如果想了解更多<meta>標簽的知識，可以到百度搜索相關知識。 關于<head>標簽的說明
正如之前所說的，<head>部分的內(nèi)容并不是為瀏覽者寫的，而是為瀏覽器和搜索引擎寫的。因此<head>部分不應該含有任何在頁面中可視的的內(nèi)容。 DTD
如果現(xiàn)在再次檢驗我們的網(wǎng)頁，仍然會得到出錯信息，提示找不到DTD文件，那么什么是DTD文件呢？簡單的說它就是在任何人（多數(shù)情況下是類似瀏覽器的軟件）想要讀取我們的文件之前告訴他我們文件是遵照哪一套規(guī)則來寫的。以檢驗過程為例子，如果我們使用HTML4.01的DTD呢，效驗器就會認為我們是使用的HTML4.01的規(guī)則編寫的網(wǎng)頁，然后按照相應的規(guī)則來一行一行的檢驗我們的代碼，最終返回檢驗結(jié)果。
我們制作的網(wǎng)頁是使用XHTML的規(guī)則，當然要使用XHTML的DTD。不過正如我們前面提到的，XHTML的DTD也分為相對松散的過渡期DTD和要求相當嚴格的嚴格DTD。本教程中我們將要在網(wǎng)頁中聲明嚴格的DTD，如果您想了解更多關于DTD的內(nèi)容需要學習XML，本教程中不做過多討論。
下面我們就為我們的網(wǎng)頁聲明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范疇，我們這里仍然不做過多的討論。
這段代碼的作用就是聲明我們的網(wǎng)頁是使用的xhtml1-strict.dtd?，F(xiàn)在再將這個頁面提交給W3的效驗器，這次將返回一個“This Page Is Valid XHTML1.0 Strict!”的信息。這表示我們的代碼中沒有任何錯誤，完全符合XHTML1的strict(嚴格)標準。當然了，實際工作中情況可能不總是如此，在實際的網(wǎng)頁設計過程中，總會有各種原因造成我們寫出不規(guī)范的代碼。這時效驗器就會給出錯誤報告，我們只需要按照提示修改代碼即可。
相關文章
- HTML表格用于在網(wǎng)頁上展示數(shù)據(jù),通過標簽及其相關標簽來創(chuàng)建,表格由行和列組成,每一行包含一個或多個單元格,單元格可以包含文本、圖像、鏈接等元素,本文將詳細介紹HTML表格2025-03-12
- 本文介紹了三種禁止HTML頁面滾動的方法：通過CSS的overflow屬性、使用JavaScript的滾動事件監(jiān)聽器以及使用CSS的position:fixed屬性,每種方法都有其適用場景和優(yōu)缺點，感興2025-02-24
在 Web 開發(fā)中，文本的視覺效果是提升用戶體驗的重要因素之一,通過 CSS 技巧，我們可以創(chuàng)造出許多獨特的效果，例如文字鏤空效果,本文將帶你一步一步實現(xiàn)一個簡單的文字鏤空2024-11-17
在Html中,a標簽默認的超鏈接樣式是藍色字體配下劃線,這可能不滿足所有設計需求,如需去除這些默認樣式,可以通過CSS來實現(xiàn),本文給大家介紹Html去除a標簽的默認樣式的操作代碼2024-09-25- 在HTML中,可以通過設置CSS的resize屬性為none,來禁止用戶手動拖動文本域（textarea）的大小,這種方法簡單有效,適用于大多數(shù)現(xiàn)代瀏覽器,但需要在老舊瀏覽器中進行測試以確保2024-09-25
本文詳細介紹了如何利用HTML和CSS實現(xiàn)多種風格的進度條,包括基礎的水平進度條、環(huán)形進度條以及球形進度條等,還探討了如何通過動畫增強視覺效果,內(nèi)容涵蓋了使用HTML原生標簽2024-09-19- Canvas 提供了一套強大的 2D 繪圖 API，適用于各種圖形繪制、圖像處理和動畫制作,可以幫助你創(chuàng)建復雜且高效的網(wǎng)頁圖形應用，這篇文章主要介紹了HTML中Canvas關鍵知識點總結(jié)2024-06-03
html table+css實現(xiàn)可編輯表格的示例代碼
本文主要介紹了html table+css實現(xiàn)可編輯表格的示例代碼，主要使用HTML5的contenteditable屬性，文中通過示例代碼介紹的非常詳細，需要的朋友們下面隨著小編來一起學習學習2024-03-06
本文主要介紹了HTML中使用Flex布局實現(xiàn)雙行夾批效果，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習2024-02-22
在網(wǎng)站開發(fā)中，登錄頁面是必不可少的一部分，本文就來介紹一下HTML+CSS實現(xiàn)登錄切換，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需2024-02-02
