WEB2.0標(biāo)準(zhǔn)教程:第一天 選擇什么樣的DOCTYPE_Web標(biāo)準(zhǔn)教程
前言
大家好!這個(gè)系列文章是W3CN阿捷編寫的。是一些制作過程中的心得和經(jīng)驗(yàn),希望對(duì)大家有點(diǎn)幫助。
同時(shí),非常感謝阿捷與我們分享經(jīng)驗(yàn)與心得。好了,讓我們開始吧
第一天
開始制作符合標(biāo)準(zhǔn)的站點(diǎn),第一件事情就是聲明符合自己需要的DOCTYPE。
WEB2.0標(biāo)準(zhǔn)網(wǎng)頁原代碼,第一行就是:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
打開一些符合標(biāo)準(zhǔn)的站點(diǎn),例如著名web設(shè)計(jì)軟件開發(fā)商Macromedia,設(shè)計(jì)大師Zeldman的個(gè)人網(wǎng)站,會(huì)發(fā)現(xiàn)同樣的代碼。而另一些符合標(biāo)準(zhǔn)的站點(diǎn)(例如k10k.net)的代碼則如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
那么這些代碼有什么含義?一定要放置嗎?
什么是DOCTYPE
上面這些代碼我們稱做DOCTYPE聲明。DOCTYPE是document type(文檔類型)的簡(jiǎn)寫,用來說明你用的XHTML或者HTML是什么版本。
其中的DTD(例如上例中的xhtml1-transitional.dtd)叫文檔類型定義,里面包含了文檔的規(guī)則,瀏覽器就根據(jù)你定義的DTD來解釋你頁面的標(biāo)識(shí),并展現(xiàn)出來。
要建立符合標(biāo)準(zhǔn)的網(wǎng)頁,DOCTYPE聲明是必不可少的關(guān)鍵組成部分;除非你的XHTML確定了一個(gè)正確的DOCTYPE,否則你的標(biāo)識(shí)和CSS都不會(huì)生效。
- Web標(biāo)準(zhǔn):需要正確的使用H1~ H6標(biāo)簽
- 五個(gè)WEB標(biāo)準(zhǔn)中必須注意的地方
- 做到結(jié)構(gòu)(XHTML),表現(xiàn)(CSS),行為(JavaScript)的分離
- CSS標(biāo)準(zhǔn):HTML標(biāo)簽元素的關(guān)閉
- Web標(biāo)準(zhǔn)之路 勿使用W3C廢棄的元素
- CSS布局 聲明文檔類型描述(DTD)
- DIV CSS\讓搜索引擎蜘蛛不再累
- 用XHTML+CSS創(chuàng)建基于Web標(biāo)準(zhǔn)的網(wǎng)頁
- XHTML+CSS創(chuàng)建基于Web標(biāo)準(zhǔn)的網(wǎng)站
- DIV+CSS對(duì)SEO的幫助
- 淺析什么是Web標(biāo)準(zhǔn) 及其前景
- CSSer新手寄語:開始標(biāo)準(zhǔn)之路
Web標(biāo)準(zhǔn)教程Rss訂閱Div+Css教程搜索
Web標(biāo)準(zhǔn)教程推薦
- 喧鬧過后迎來發(fā)展WEB2.0
- 網(wǎng)頁標(biāo)準(zhǔn)化-CSS命名規(guī)劃整理
- CSSer基礎(chǔ)知識(shí):World Wide Web Consortium
- JavaScriptDom編程學(xué)習(xí)書籍選擇
- 學(xué)習(xí)Web標(biāo)準(zhǔn)十本推薦書籍!
- 企業(yè)網(wǎng)站尷尬的生存現(xiàn)狀……
- 從douban.com豆瓣網(wǎng)站設(shè)計(jì)談網(wǎng)站重構(gòu)
- 并沒有WEB標(biāo)準(zhǔn),有的只是建議
- DIV+CSS設(shè)計(jì)實(shí)例:透明的導(dǎo)航菜單
- Web前端開發(fā)工程師必備技術(shù)列表
猜你也喜歡看這些
- 兼容FIREFOX下背景層的自適應(yīng)高度
- 關(guān)于DIVCSS浮動(dòng)float的兼容
- IE、Nascape環(huán)境中CSS的顯示差別
- Web頁面優(yōu)化減小頁面對(duì)內(nèi)存及CPU的占用
- JS的IE和FF兼容性問題的匯總小結(jié)
- IE中文字結(jié)尾出現(xiàn)重復(fù)跳字的解決辦法
- text-overflow:ellipsis非IE的瀏覽器的另類應(yīng)用!
- 動(dòng)態(tài)加載外部css或js文件
- CSS網(wǎng)頁布局時(shí)常犯的幾種小錯(cuò)誤
- 解決IE7以下版本不支持無A狀態(tài)偽類的幾種方法!
- 相關(guān)鏈接:
- 教程說明:
Web標(biāo)準(zhǔn)教程-WEB2.0標(biāo)準(zhǔn)教程:第一天 選擇什么樣的DOCTYPE。