中文字幕二区_国产精品免费在线观看_黄色网站观看_人人草人人澡_日本真实娇小xxxx

您的位置: 首頁 > 技術(shù)文檔 > 網(wǎng)頁制作 > 什么是微格式及經(jīng)典實例演示
打造自己的Reset.css 回到列表 CSS實現(xiàn)垂直居中的5種方法
 什么是微格式及經(jīng)典實例演示

作者:bbon 時間: 2009-03-03 文檔類型:原創(chuàng) 來自:菠菜博

第 1 頁 什么是微格式及經(jīng)典實例演示 [1]
第 2 頁 什么是微格式及經(jīng)典實例演示 [2]

首先,請不要一廂情愿地把微格式(Microformat)理解為某種語言的簡化,這是完全錯誤的字面理解,事實完全相反,從經(jīng)典個例“hCard微格式”看出,它是把XHTML語言在Web中的應(yīng)用“冗余”話了。當(dāng)然初識它的人都難免會犯類似錯誤。什么是微格式呢?它存在的意義又是什么?本文或許會讓你對Microformat有所了解,并對其蘊(yùn)含的巨大潛力及廣泛用途折服。

什么是微格式

微格式:建立在已有的、被廣泛采用的標(biāo)準(zhǔn)基礎(chǔ)之上的一組簡單的、開放的數(shù)據(jù)格式(microformats.org官方定義)。是把語義嵌入到HTML以便有助于分離式開發(fā)而制定的一些簡單約定,是兼顧人機(jī)可讀性設(shè)計的數(shù)據(jù)表達(dá)方式,對Web網(wǎng)頁進(jìn)行語義注解的方法。這種方法依托于標(biāo)準(zhǔn)的Web頁面寫作技術(shù),例如,XHTML,這樣引入語義信息對瀏覽器等所有現(xiàn)存的Web技術(shù)沖擊最小。采用Microformat的 Web頁面,在XHTML文檔中給一些標(biāo)簽(Tag)增加一些屬性(attribute),這些屬性對信息的語義結(jié)構(gòu)進(jìn)行注解,處理XHTML文檔的軟件,例如,瀏覽器等,如果不認(rèn)識這些屬性可以跳過,并不造成任何不良影響(ITPUB)。

設(shè)計師和開發(fā)人員使用微格式來添加結(jié)構(gòu)和針對網(wǎng)絡(luò)發(fā)布有意義的信息,需要作的僅僅是為現(xiàn)有的(X)HTML元素添加元數(shù)據(jù)和其他屬性。所以,我們無需拋開已有的工作習(xí)慣,因為微格式提供的解決方法是符合當(dāng)前我們行為和習(xí)慣模式的。

從技術(shù)上來說,這些數(shù)據(jù)是一些語義標(biāo)記,用標(biāo)準(zhǔn)的(X)HTML中的class名稱設(shè)置。他是開放、可用、自由的,可以被任何人使用。

那么,微格式在實際應(yīng)用中的意義和作用又是什么呢?微格式按照某種已有的被廣泛應(yīng)用的標(biāo)準(zhǔn),通過對內(nèi)容塊的語義標(biāo)記,可以讓外部應(yīng)用程序、聚合程序和搜索引擎能夠做以下事情:

  • 在爬取Web內(nèi)容時,能夠更為準(zhǔn)確地識別內(nèi)容塊的語義;
  • 對內(nèi)容進(jìn)行操作,包括提供訪問、校對,還可以將其轉(zhuǎn)化成其他的相關(guān)格式,提供給外部程序和Web服務(wù)使用。

簡單的微格式

我們從上面的描述知道,微格式實際就是為現(xiàn)有的(X)HTML元素添加元數(shù)據(jù)和其他屬性,增強(qiáng)語義。那么我們就來看一個簡單的微格式應(yīng)用吧。
以前我們是這樣寫一個鏈接到首頁的<a></a>代碼的:

<a href=”http://www.bbon.cn” >Web Design Blog</a>

而現(xiàn)在我們要為這個代碼元素<a>加上rel屬性。

<a href=”http://www.bbon.cn“ rel=”homepage”>Web Design Blog</a>

上面的鏈接標(biāo)記<a>包括rel=”home”屬性,該屬性顯示鏈接的目標(biāo)頁面是該網(wǎng)站的首頁。通過為已有的鏈接元素添加語義化屬性,就為這個鏈接添加了具體的結(jié)構(gòu)和意義。

出處:菠菜博
責(zé)任編輯:bluehearts

上一頁 下一頁 什么是微格式及經(jīng)典實例演示 [2]

◎進(jìn)入論壇網(wǎng)頁制作、WEB標(biāo)準(zhǔn)化版塊參加討論,我還想發(fā)表評論。

相關(guān)文章 更多相關(guān)鏈接
提高CSS代碼的可讀性
HTML5中 b 和 i 標(biāo)簽將語義化
字體設(shè)計基礎(chǔ)(9)可讀性
文字的辨識度與可讀性
改進(jìn)網(wǎng)頁可讀性的7個方法
作者文章
img圖片元素下多余空白解決方案
Apple網(wǎng)站W(wǎng)eb可用性設(shè)計分析
關(guān)鍵字搜索 常規(guī)搜索 推薦文檔
熱門搜索:CSS Fireworks 設(shè)計比賽 網(wǎng)頁制作 web標(biāo)準(zhǔn) 用戶體驗 UE photoshop Dreamweaver Studio8 Flash 手繪 CG
站點最新 站點最新列表
周大福“敬•自然”設(shè)計大賽開啟
國際體驗設(shè)計大會7月將在京舉行
中國國防科技信息中心標(biāo)志征集
云計算如何讓安全問題可控
云計算是多數(shù)企業(yè)唯一擁抱互聯(lián)網(wǎng)的機(jī)會
阿里行云
云手機(jī)年終巨獻(xiàn),送禮標(biāo)配299起
阿里巴巴CTO王堅的"云和互聯(lián)網(wǎng)觀"
1499元買真八核 云OS雙蛋大促
首屆COCO桌面手機(jī)主題設(shè)計大賽
欄目最新 欄目最新列表
淺談JavaScript編程語言的編碼規(guī)范
如何在illustrator中繪制臺歷
Ps簡單繪制一個可愛的鉛筆圖標(biāo)
數(shù)據(jù)同步算法研究
用ps作簡單的作品展示頁面
CSS定位機(jī)制之一:普通流
25個最佳最閃亮的Eclipse開發(fā)項目
Illustrator中制作針線縫制文字效果
Photoshop制作印刷凹凸字體
VS2010中創(chuàng)建自定義SQL Rule
>> 分頁 首頁 前頁 后頁 尾頁 頁次:1/21個記錄/頁 轉(zhuǎn)到 頁 共2個記錄

藍(lán)色理想版權(quán)申明:除部分特別聲明不要轉(zhuǎn)載,或者授權(quán)我站獨家播發(fā)的文章外,大家可以自由轉(zhuǎn)載我站點的原創(chuàng)文章,但原作者和來自我站的鏈接必須保留(非我站原創(chuàng)的,按照原來自一節(jié),自行鏈接)。文章版權(quán)歸我站和作者共有。

轉(zhuǎn)載要求:轉(zhuǎn)載之圖片、文件,鏈接請不要盜鏈到本站,且不準(zhǔn)打上各自站點的水印,亦不能抹去我站點水印。

特別注意:本站所提供的攝影照片,插畫,設(shè)計作品,如需使用,請與原作者聯(lián)系,版權(quán)歸原作者所有,文章若有侵犯作者版權(quán),請與我們聯(lián)系,我們將立即刪除修改。

您的評論
用戶名:  口令:
說明:輸入正確的用戶名和密碼才能參與評論。如果您不是本站會員,你可以注冊 為本站會員。
注意:文章中的鏈接、內(nèi)容等需要修改的錯誤,請用報告錯誤,以利文檔及時修改。
不評分 1 2 3 4 5
注意:請不要在評論中含與內(nèi)容無關(guān)的廣告鏈接,違者封ID
請您注意:
·不良評論請用報告管理員,以利管理員及時刪除。
·尊重網(wǎng)上道德,遵守中華人民共和國的各項有關(guān)法律法規(guī)
·承擔(dān)一切因您的行為而直接或間接導(dǎo)致的民事或刑事法律責(zé)任
·本站評論管理人員有權(quán)保留或刪除其管轄評論中的任意內(nèi)容
·您在本站發(fā)表的作品,本站有權(quán)在網(wǎng)站內(nèi)轉(zhuǎn)載或引用
·參與本評論即表明您已經(jīng)閱讀并接受上述條款
推薦文檔 | 打印文檔 | 評論文檔 | 報告錯誤  
專業(yè)書推薦 更多內(nèi)容
網(wǎng)站可用性測試及優(yōu)化指南
《寫給大家看的色彩書1》
《跟我去香港》
眾妙之門—網(wǎng)站UI 設(shè)計之道
《Flex 4.0 RIA開發(fā)寶典》
《贏在設(shè)計》
犀利開發(fā)—jQuery內(nèi)核詳解與實踐
作品集 更多內(nèi)容

雜⑦雜⑧ Gold NORMANA V2