DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> HTML基礎知識 >> HTML和Xhtml >> XHTML入門學習教程:網頁Head和DTD
XHTML入門學習教程:網頁Head和DTD
編輯:HTML和Xhtml     

head和DTD盡管不會顯示在頁面上,但是卻是網頁的重要元素。 為什麼會出錯?
在上一節中我們我們在檢驗我們的網頁時得到了一段出錯信息,但是我們在整個網頁的制作過程中都是按照XHTML標准寫的啊。其實問題出在了網頁的“頭部”,下面我們就來解決這個問題。 <head>部分
在之前的教程中除了<title>標簽之外我們修改的都是<body>之間的內容,也就是顯示在頁面裡的內容。那麼XHTML中的<head>部分是做什麼的呢?其實在<head>部分我麼可以加入許多浏覽器可以“看得見”的信息。下面我們就介紹一些head部分常用的標簽。
注意:本節的標簽與屬性大多數難於記憶,事實上在我們在使用網頁制作軟件創建網頁的時候它們會自動生成。本節的目的是能夠了解這些標簽的含義,以在必要的時候可以做一些手工的修改。現在就打開我們的“index.html”,在<head></head>中間插入如下代碼:
1.<meta http-equiv="Content-Type" content="text/html;charset=gb2312" />
這段代碼告訴浏覽器我們的網頁使用的是gb2312中文字符編碼,沒有該段<meta>信息正是上一次檢驗時出現問題的原因之一。
2.<meta name="keywords" content="小學生,欺負同學,寒暑假作業,家長" />
這段代碼是為搜索引擎寫的,content的內容就是index.html的關鍵詞。
請注意,<meta>標簽也是一個空標簽,別忘記加上/。<meta>標簽的作用還遠不只這些,不過在缺少實際應用的情況下,很難了解<meta>標簽的實際用處。如果想了解更多<meta>標簽的知識,可以到百度搜索相關知識。 關於<head>標簽的說明
正如之前所說的,<head>部分的內容並不是為浏覽者寫的,而是為浏覽器和搜索引擎寫的。因此<head>部分不應該含有任何在頁面中可視的的內容。 DTD
如果現在再次檢驗我們的網頁,仍然會得到出錯信息,提示找不到DTD文件,那麼什麼是DTD文件呢?簡單的說它就是在任何人(多數情況下是類似浏覽器的軟件)想要讀取我們的文件之前告訴他我們文件是遵照哪一套規則來寫的。以檢驗過程為例子,如果我們使用HTML4.01的DTD呢,效驗器就會認為我們是使用的HTML4.01的規則編寫的網頁,然後按照相應的規則來一行一行的檢驗我們的代碼,最終返回檢驗結果。
我們制作的網頁是使用XHTML的規則,當然要使用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(嚴格)標准。當然了,實際工作中情況可能不總是如此,在實際的網頁設計過程中,總會有各種原因造成我們寫出不規范的代碼。這時效驗器就會給出錯誤報告,我們只需要按照提示修改代碼即可。
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved