head和DTD盡管不會顯示在頁面上,但是卻是網(wǎng)頁的重要元素。
為什么會出錯?
在上一節(jié)中我們我們在檢驗我們的網(wǎng)頁時得到了一段出錯信息,但是我們在整個網(wǎng)頁的制作過程中都是按照XHTML標(biāo)準(zhǔn)寫的啊。其實問題出在了網(wǎng)頁的“頭部”,下面我們就來解決這個問題。
<head>部分
在之前的教程中除了<title>標(biāo)簽之外我們修改的都是<body>之間的內(nèi)容,也就是顯示在頁面里的內(nèi)容。那么XHTML中的<head>部分是做什么的呢?其實在<head>部分我么可以加入許多瀏覽器可以“看得見”的信息。下面我們就介紹一些head部分常用的標(biāo)簽。
注意:本節(jié)的標(biāo)簽與屬性大多數(shù)難于記憶,事實上在我們在使用網(wǎng)頁制作軟件創(chuàng)建網(wǎng)頁的時候它們會自動生成。本節(jié)的目的是能夠了解這些標(biāo)簽的含義,以在必要的時候可以做一些手工的修改?,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="小學(xué)生,欺負(fù)同學(xué),寒暑假作業(yè),家長" />
這段代碼是為搜索引擎寫的,content的內(nèi)容就是index.html的關(guān)鍵詞。
請注意,<meta>標(biāo)簽也是一個空標(biāo)簽,別忘記加上/。<meta>標(biāo)簽的作用還遠(yuǎn)不只這些,不過在缺少實際應(yīng)用的情況下,很難了解<meta>標(biāo)簽的實際用處。如果想了解更多<meta>標(biāo)簽的知識,可以到百度搜索相關(guān)知識。
關(guān)于<head>標(biāo)簽的說明
正如之前所說的,<head>部分的內(nèi)容并不是為瀏覽者寫的,而是為瀏覽器和搜索引擎寫的。因此<head>部分不應(yīng)該含有任何在頁面中可視的的內(nèi)容。
DTD
如果現(xiàn)在再次檢驗我們的網(wǎng)頁,仍然會得到出錯信息,提示找不到DTD文件,那么什么是DTD文件呢?簡單的說它就是在任何人(多數(shù)情況下是類似瀏覽器的軟件)想要讀取我們的文件之前告訴他我們文件是遵照哪一套規(guī)則來寫的。以檢驗過程為例子,如果我們使用HTML4.01的DTD呢,效驗器就會認(rèn)為我們是使用的HTML4.01的規(guī)則編寫的網(wǎng)頁,然后按照相應(yīng)的規(guī)則來一行一行的檢驗我們的代碼,最終返回檢驗結(jié)果。
我們制作的網(wǎng)頁是使用XHTML的規(guī)則,當(dāng)然要使用XHTML的DTD。不過正如我們前面提到的,XHTML的DTD也分為相對松散的過渡期DTD和要求相當(dāng)嚴(yán)格的嚴(yán)格DTD。本教程中我們將要在網(wǎng)頁中聲明嚴(yán)格的DTD,如果您想了解更多關(guān)于DTD的內(nèi)容需要學(xué)習(xí)XML,本教程中不做過多討論。
下面我們就為我們的網(wǎng)頁聲明DTD。打開之前保存的"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"。這個叫做命名空間屬性,屬于XML范疇,我們這里仍然不做過多的討論。
這段代碼的作用就是聲明我們的網(wǎng)頁是使用的xhtml1-strict.dtd?,F(xiàn)在再將這個頁面提交給W3的效驗器,這次將返回一個“This Page Is Valid XHTML1.0 Strict!”的信息。這表示我們的代碼中沒有任何錯誤,完全符合XHTML1的strict(嚴(yán)格)標(biāo)準(zhǔn)。當(dāng)然了,實際工作中情況可能不總是如此,在實際的網(wǎng)頁設(shè)計過程中,總會有各種原因造成我們寫出不規(guī)范的代碼。這時效驗器就會給出錯誤報告,我們只需要按照提示修改代碼即可。
本文來源于成都網(wǎng)站建設(shè)公司與成都網(wǎng)站設(shè)計制作公司-創(chuàng)新互聯(lián)成都公司!
分享名稱:網(wǎng)頁Head和DTD
網(wǎng)站網(wǎng)址:http://www.rwnh.cn/news10/323260.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站改版、動態(tài)網(wǎng)站、靜態(tài)網(wǎng)站、自適應(yīng)網(wǎng)站、微信小程序、小程序開發(fā)
廣告
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源:
創(chuàng)新互聯(lián)