XHTML入門學(xué)習(xí)教程:網(wǎng)頁Head和DTD_XHTML教程
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的要害詞。
請注重,<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,本教程中不做過多討論。
- HTML5 INPUT placeholder及兼容性處理
- HTML表單里的Label標(biāo)簽
- 淺析HTML與javascript中常用編碼
- CSS網(wǎng)頁布局中必須要了解的幾個XHTML標(biāo)簽
- title和alt 標(biāo)簽介紹及其異同
- 淺析HTML標(biāo)簽strong和em的區(qū)別
- 說說XHTML中的alt屬性和title屬性
- Semantics語義是Html Xhtml是否真正符合標(biāo)準(zhǔn)的重要部分
- 九個W3C XHTML1.0及CSS標(biāo)準(zhǔn)認(rèn)證需要注意的問題
- 請注意頁面head區(qū)域的編碼是不是規(guī)范
- HTML validate - 驗證HTML代碼穿越多重瀏覽器標(biāo)準(zhǔn)
- XHTML具有語義的標(biāo)簽:有關(guān)H1位置的討論
- 相關(guān)鏈接:
- 教程說明:
XHTML教程-XHTML入門學(xué)習(xí)教程:網(wǎng)頁Head和DTD
。