用Dreamweaver 8 搞定“web標(biāo)準(zhǔn)”(3)_Dreamweaver教程
Web 用戶
我們設(shè)計的網(wǎng)站的用戶也從我們采用 WS 中獲益,即使他們并沒有熟悉到這一點(diǎn)!或許他們正無意識的使用那些專門針對當(dāng)今流行瀏覽器而開發(fā)的站點(diǎn)。假如這些用戶轉(zhuǎn)用其他的瀏覽器,他們或許就會發(fā)現(xiàn)這個在線的體驗就不再令人享受了,因為那些專屬的標(biāo)記是不會被新瀏覽器所接受的。一個標(biāo)準(zhǔn)化可兼容的站點(diǎn)在不同的瀏覽器中都有很好的表現(xiàn),不論是在現(xiàn)有的,還是在未來的瀏覽器中都同樣優(yōu)秀。
此外,一個遵照可訪問性建議的網(wǎng)站對那些發(fā)現(xiàn)瀏覽網(wǎng)頁不如意的用戶也是很有親和力的。Web 應(yīng)該給那些視覺有缺陷或其他的殘疾人提供更方便的購物、閱讀、搜索的條件。不應(yīng)該因為用專屬標(biāo)記或者其他排它(指瀏覽器)技術(shù)的站點(diǎn),使他們無法瀏覽。
使用 WS
我們怎么能確保正確使用WS呢?怎么做才能遵從標(biāo)準(zhǔn)呢?
首先,我們應(yīng)該遵守規(guī)范。這意味著我們應(yīng)該只使用那些規(guī)范中定義的元素與屬性,避免使用某種瀏覽器的專有屬性,例如 IE 的 marquee 標(biāo)簽和 Netscape 的blink 標(biāo)簽。同樣也不要使用在早期規(guī)范中出現(xiàn)的元素(例如 HTML3.2)和被后來的規(guī)范所移除的元素。
創(chuàng)建一個規(guī)范的 XHTML 文檔
在本文中,我們將使用 XHTML,所以,我們都將遵照 W3C 的 XHTML 1.0 的建議[按照 W3C 的意思,建議( Recommendation )就是規(guī)范( Specification )的意思]。XHTML 基本上就是HTML的最新版本,它設(shè)計的目的是用來代替 HTML 這個網(wǎng)頁標(biāo)記語言的。盡管它是 XML 的一種 HTML 變形,但是 XHTML 與 HTML 幾乎是完全一樣的,在我們后面將討論的《 XHTML 和語義》中有細(xì)微的差別。
你可以通過 Dreamweaver 中的新建文檔對話框生成一個 XHTML 文檔(文件>新建...)。確保基本頁在類別列表里是被選中的,然后從基本頁的列表中選擇 HTML ,就像圖2.1所示,“在 Dreamweaver 中創(chuàng)建一個新的 XHTML 文檔”。然后你可以從文檔類型的下拉列表中任意選擇一項。
圖2.1:在Dreamweaver中創(chuàng)建一個新的 XHTML 文檔
圖2.2:在code視圖中顯示新的 XHTML 文檔
點(diǎn)擊“創(chuàng)建”來生成一個新的文檔。點(diǎn)擊文檔窗口頂部的 code 按鈕,轉(zhuǎn)到“ code 視圖”,就可以清楚的看到在一個簡單的 XHTML 文檔中都包含了哪些代碼。正如圖2.2所示,“在 code 視圖中顯示新的 XHTML 文檔”
文檔的第一行將顯示下面的內(nèi)容
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
這叫做文檔類型聲明,或者 DOCTYPE 。顧名思義,DOCTYPE 聲明了你的文檔究竟是什么——你正在遵從是哪一個 (X)HTML 規(guī)范。在這個例子中,我們遵照的是 XHTML 1.0 Transitional,這是 DW 8 的默認(rèn)設(shè)置。 Transitional 部分將告訴我們關(guān)于 XHTML 版本的其他一些信息。XHTML1.0 擁有三種“口味”:Strict, Transitional, 和 Frameset。DW 默認(rèn)使用的是 Transitional 類型,而假如你想在文檔插入框架,那就是 Frameset。
XHTML Strict 是最嚴(yán)格的 XHTML 格式,這個想必你也能猜到。一個 Strict 文檔類型看起來就是這個樣子:
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
假如你使用的是 Strict DOCTYPE,那么你就不能在文檔中使用任何聲明不贊成的元素(標(biāo)簽)或者是屬性,也不可以使用框架。聲明不贊成的元素將在未來的 XHTML 版本中被移除。許多這類元素是用來控制頁面的外觀的,這完全可由CSS來代替。Strict 和 Transitional 最大的不同是,在使用 Strict DOCTYPE 時,你本以為可用作表現(xiàn)的屬性和元素受到了很大的限制。
- 用Dreamweaver在網(wǎng)頁中插入Flash按鈕
- 在Dreamweaver中編寫CSS需要掌握的技巧
- Dreamweaver CS3代碼片斷功能面板的利用
- Dreamweaver CS3 的最新功能
- 用Dreamweaver建站如何設(shè)計CSS?
- Dreamweaver文字自動換行
- 探討Dreamweaver制作網(wǎng)頁時的空格
- 使用Dreamweaver制作網(wǎng)頁的20個技巧
- Dreamweaver MX 2004的PPT格式課件
- Dreamweaver技巧:運(yùn)用代碼片斷工具提高css開發(fā)效率
- 在DreamWeaver中編寫CSS的一些技巧
- 使用Dreamweaver模板批量制作網(wǎng)頁
Dreamweaver教程Rss訂閱網(wǎng)站制作教程搜索
Dreamweaver教程推薦
- Dreamweaver的小技巧:Dreamweaver應(yīng)用源格式
- Dreamweaver MX2004視頻寶典教程 菜單概述
- 用Dreamweaver實(shí)現(xiàn)ASP動態(tài)網(wǎng)站建設(shè)
- 簡單描述Adobe Dreamweaver CS3 的最新功能
- 技巧:固定網(wǎng)頁語言編碼、字號、字體
- DreamweaverCS3中的CSS布局規(guī)則
- 用戶登錄的實(shí)現(xiàn)-Dreamweaver構(gòu)建Blog
- 如何控制網(wǎng)頁框架頁內(nèi)中鏈接的目標(biāo)
- dreamweaver套用源格式,將混亂無序的代碼變得整潔
- DW MX 的快鍵一覽表
- 相關(guān)鏈接:
- 教程說明:
Dreamweaver教程-用Dreamweaver 8 搞定“web標(biāo)準(zhǔn)”(3)。