XHTML入門學(xué)習(xí)教程:網(wǎng)頁(yè)Head和DTD_XHTML教程
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)寫的啊。其實(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í)候可以做一些手工的修改。現(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)" /> |
這段代碼是為搜索引擎寫的,content的內(nèi)容就是index.html的要害詞。
請(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)容并不是為瀏覽者寫的,而是為瀏覽器和搜索引擎寫的。因此<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)寫的。以檢驗(yàn)過(guò)程為例子,假如我們使用HTML4.01的DTD呢,效驗(yàn)器就會(huì)認(rèn)為我們是使用的HTML4.01的規(guī)則編寫的網(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ò)多討論。
- HTML5 INPUT placeholder及兼容性處理
- HTML表單里的Label標(biāo)簽
- 淺析HTML與javascript中常用編碼
- CSS網(wǎng)頁(yè)布局中必須要了解的幾個(gè)XHTML標(biāo)簽
- title和alt 標(biāo)簽介紹及其異同
- 淺析HTML標(biāo)簽strong和em的區(qū)別
- 說(shuō)說(shuō)XHTML中的alt屬性和title屬性
- Semantics語(yǔ)義是Html Xhtml是否真正符合標(biāo)準(zhǔn)的重要部分
- 九個(gè)W3C XHTML1.0及CSS標(biāo)準(zhǔn)認(rèn)證需要注意的問(wèn)題
- 請(qǐng)注意頁(yè)面head區(qū)域的編碼是不是規(guī)范
- HTML validate - 驗(yàn)證HTML代碼穿越多重瀏覽器標(biāo)準(zhǔn)
- XHTML具有語(yǔ)義的標(biāo)簽:有關(guān)H1位置的討論
XHTML教程Rss訂閱Div+Css教程搜索
XHTML教程推薦
- HTML高級(jí)教程親和力的連接
- HTML中級(jí)教程不良標(biāo)簽
- 網(wǎng)頁(yè)設(shè)計(jì)關(guān)于表單輸入框的技巧代碼
- XHTML入門學(xué)習(xí)教程:簡(jiǎn)單網(wǎng)頁(yè)制作
- 標(biāo)記語(yǔ)言——清單
- HTML初級(jí)教程列表
- HTML是WEB標(biāo)準(zhǔn)開(kāi)發(fā)的中心基礎(chǔ)
- 制作符合Web標(biāo)準(zhǔn)的超鏈接
- HTML表格標(biāo)記教程(21):行的邊框色屬性BORDERCOLOR
- XHTML入門學(xué)習(xí)教程:XHTML網(wǎng)頁(yè)圖片應(yīng)用
- 相關(guān)鏈接:
- 教程說(shuō)明:
XHTML教程-XHTML入門學(xué)習(xí)教程:網(wǎng)頁(yè)Head和DTD
。