校园春色亚洲色图_亚洲视频分类_中文字幕精品一区二区精品_麻豆一区区三区四区产品精品蜜桃

主頁 > 知識庫 > HTML5 微格式和相關(guān)的屬性名稱

HTML5 微格式和相關(guān)的屬性名稱

熱門標(biāo)簽:江蘇高頻外呼系統(tǒng)線路 平頂山電子地圖標(biāo)注怎么修改 高德地圖標(biāo)注錯誤怎么修改 地圖標(biāo)注自己去過的地方 搜狗星級酒店地圖標(biāo)注 會聲會影怎樣做地圖標(biāo)注效果 洛陽市伊川縣地圖標(biāo)注中心官網(wǎng) 標(biāo)準(zhǔn)智能外呼系統(tǒng) 電銷機器人視頻

2004年5月29日,在我退休的博客和所有的大話 ,當(dāng)我調(diào)查40個設(shè)計師的網(wǎng)站,看看他們?yōu)楣岔撁嬖厥褂玫募s定,如標(biāo)題和橫幅,導(dǎo)航,內(nèi)容和頁腳(那時候的結(jié)果 )。

這幾乎不是科學(xué)研究,但在那年6月,我跟進(jìn)了Eric Meyer的一些意見 ,并出版了一套命名約定。當(dāng)我發(fā)現(xiàn)一個網(wǎng)站已經(jīng)通過了這些命名約定時,我總是很高興,我任然每一天都在用,甚至超過4年后的每一天。

那時候我的想法可以概括成這樣

id和class屬性名稱必須反映元素的功能或內(nèi)容,而不是反映了介紹。 所以出了header并再來branding; 出了footer并再取而代之的是site-info。

Naming should take on almost an XML style structure.命名將要承擔(dān)幾乎整個XML式結(jié)構(gòu)。因此,內(nèi)部content來了 content-main , content-sub 和 content-supp 。

這些約定為我服務(wù)的很好,我所做的,幾乎沒有改變他們的核心。毫無疑問,他們都使我的工作速度更快,更一致和更有益。 他們使建立產(chǎn)品更容易,以及更容易用我的思維方式培養(yǎng)與我共事的人 。命名約定起作用。

微格式和相關(guān)的屬性名稱
 
讓我們面對它,微格式,如hCard,hCalendar,hAtom和其他草案帶來了如此多的屬性值,以至于常常沒有必要考慮哪一個構(gòu)建文件或提供了哪一個約束CSS模式的掛鉤這些更多的屬性值。現(xiàn)在我使用微格式達(dá)到這種程度,以至于我甚至不使用class屬性(微格式伴隨的class屬性除外)發(fā)展整個頁面。

在難得的場合,我需要添加一個新元素(假設(shè)布局目的的一個劃分)我首先想到的是延伸微格式中已經(jīng)存在的。我將給您舉個使用hAtom模式的例子:


<div class="hentry">
<h2 class="entry-title">Title</h2>

<div class="entry-content">
Main content
</div>

<div class="entry-related">
Related content
</div>
</div>

如果您正在保持微格式的優(yōu)勢,你已經(jīng)注意到, entry-related不是 hAtom 模式的一部分,但在這種的情況下,我絕對地,明確地不得不有一個額外的因素,如何組成一個像related-sidelinks這樣的屬性值呢?

什么時候延伸微格式的命名模式看起來更合邏輯呢?

HTML5

在這個章節(jié)的開始,我應(yīng)該坦率的說,此時此刻,我對HTML5的關(guān)注不能較少。不過,這不是問題的關(guān)鍵。HTML5引入了一些潛在的非常有用的新元素,例如:

section

一個普通的文件或應(yīng)用程序部分。章節(jié) ,在這方面,是內(nèi)容的一個主題分類。

article

由文章組成的頁面的一部分,構(gòu)成文檔、網(wǎng)頁或網(wǎng)站的一個獨立部分。 This could be a forum post, a magazine or newspaper article, a Web log entry, a user-submitted comment, or any other independent item of content.這可能是一個論壇,雜志,報紙文章,網(wǎng)絡(luò)日志,用戶提交的評論,或任何其他的內(nèi)容的獨立項目。

aside

由內(nèi)容組成的頁面的一部分,與aside 元素相關(guān)的內(nèi)容無關(guān),并可以被認(rèn)為是從內(nèi)容中分離出來的。 這些部分,經(jīng)常表現(xiàn)為印刷排版?zhèn)冗厵凇?/p>

As it was logical for the inventors of Microformats to base their schemas on existing specifications, surely it now makes sense for me to adapt my naming conventions to follow those in HTML5?由于對微格式的發(fā)明者來說,在現(xiàn)有的規(guī)范上發(fā)展他們的模式是合乎邏輯的,當(dāng)然,現(xiàn)在對我以適應(yīng)我的命名約定去跟隨HTML5很有意義?當(dāng)然,我還不能使用:


<section>
<h2> Title</h2>

<article>
Main content
</article>

<aside>
Related content
</aside>
</section>

但現(xiàn)在我可以使用id和class屬性值來幫助我熟悉的HTML5,帶著我的文檔朝它更進(jìn)一步。


<div class="section">
<h2> Title</h2>

<div class="article">
Main content
</div>

<div class="aside">
Related content
</div>
</div>

我覺得對我來說是一個合乎邏輯的下一步。因此,看看這個示范文件,我已經(jīng)采取了HTML5元素為我的命名約定的基礎(chǔ)。除了我剛才提到的,留意,我已經(jīng)確定了分類和導(dǎo)航的方式(nav ),用colgroup和col構(gòu)建字段 ,把一個無序列表轉(zhuǎn)換為網(wǎng)格,用datagrid。

HTML5的標(biāo)記規(guī)范還包括details , dialog和figure ,我同樣地可以當(dāng)做屬性值使用。

如果今天我可以實現(xiàn)一個愿望,這個愿望將是所有的CSS框架的開發(fā)將采取相同的命名約定(而且也廣泛地嵌入微格式),以便初學(xué)意義豐富的標(biāo)記和CSS的人們有個正確的出發(fā)點,使用的更有意義,更合邏輯,而不是表象的id和class屬性。

標(biāo)簽:松原 鄂爾多斯 常德 果洛 廣東 廣西 阿克蘇 蚌埠

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《HTML5 微格式和相關(guān)的屬性名稱》,本文關(guān)鍵詞  HTML5,微,格式,和,相關(guān),的,;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題,煩請?zhí)峁┫嚓P(guān)信息告之我們,我們將及時溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《HTML5 微格式和相關(guān)的屬性名稱》相關(guān)的同類信息!
  • 本頁收集關(guān)于HTML5 微格式和相關(guān)的屬性名稱的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章
    校园春色亚洲色图_亚洲视频分类_中文字幕精品一区二区精品_麻豆一区区三区四区产品精品蜜桃
    亚洲综合另类小说| 99re视频精品| 欧美一级电影网站| 亚洲大片精品永久免费| 欧美精品v国产精品v日韩精品| 欧美极品aⅴ影院| k8久久久一区二区三区| 久久久综合精品| 成人综合日日夜夜| 中文文精品字幕一区二区| 国产mv日韩mv欧美| 亚洲国产岛国毛片在线| 成人app下载| 国产精品久久久久久久久久久免费看| 狠狠色丁香久久婷婷综合丁香| 26uuu久久天堂性欧美| 国产精品影视天天线| 国产欧美日韩综合精品一区二区| 国产精品自拍在线| 一区二区三区美女视频| 91精品国产综合久久福利| 国产不卡在线一区| 日本亚洲欧美天堂免费| 国产欧美日韩视频在线观看| 91亚洲精品久久久蜜桃| 久久精品国产免费| 国产精品欧美久久久久无广告| 欧洲精品中文字幕| 精品一区精品二区高清| 一个色在线综合| 国产精品久久久久久久午夜片| 91精品国产aⅴ一区二区| 99国产精品99久久久久久| 麻豆精品新av中文字幕| 亚洲成人www| 亚洲免费色视频| 中文字幕一区二区在线播放| 欧美精品一区二区三区视频| 欧美一区二区三区在线看| 在线免费视频一区二区| 95精品视频在线| 不卡在线观看av| 成人黄色小视频| 国产成人av一区二区三区在线| 美美哒免费高清在线观看视频一区二区| 亚洲天堂福利av| 国产午夜精品久久久久久久 | 欧美精品一级二级三级| 一本久久综合亚洲鲁鲁五月天 | 久久免费午夜影院| 久久综合九色欧美综合狠狠| 久久中文娱乐网| 国产午夜亚洲精品理论片色戒 | 日韩欧美一区二区在线视频| 欧美一区二区黄色| 国产亚洲精品资源在线26u| 欧美韩国日本综合| 亚洲一区二区欧美激情| 日韩不卡一二三区| 狠狠网亚洲精品| 91丝袜美腿高跟国产极品老师| 91丨九色porny丨蝌蚪| 欧美丰满嫩嫩电影| 国产亚洲污的网站| 亚洲一区二区av电影| 蜜桃久久久久久| 99久久国产综合精品女不卡 | 国产精品一区二区三区四区| 99精品久久免费看蜜臀剧情介绍| 91在线高清观看| 精品日韩成人av| 中文字幕亚洲不卡| 免费在线看成人av| 一本一本大道香蕉久在线精品| 在线不卡a资源高清| 国产精品乱码人人做人人爱| 午夜久久久久久电影| 国产精品综合网| 51午夜精品国产| 洋洋av久久久久久久一区| 岛国一区二区三区| 91精品国产色综合久久ai换脸 | 一区二区在线观看免费| 国产高清精品网站| 91麻豆精品国产综合久久久久久 | 亚洲综合男人的天堂| caoporn国产精品| 国产精品久久久久天堂| 国产一区在线视频| 日韩一区二区中文字幕| 亚洲人成网站色在线观看| 国产成人亚洲综合色影视| 欧美成人a视频| 久久av中文字幕片| 精品国产一区久久| 精品一二三四在线| 久久色在线视频| 国产成人欧美日韩在线电影| 2014亚洲片线观看视频免费| 国产乱色国产精品免费视频| 国产欧美日韩不卡免费| a亚洲天堂av| 亚洲综合视频在线观看| 欧美浪妇xxxx高跟鞋交| 免费视频最近日韩| 国产日韩精品一区二区三区 | 高清国产一区二区三区| 国产精品理论在线观看| 欧美性大战久久久久久久| 五月综合激情网| 国产亚洲欧美日韩在线一区| 97久久超碰国产精品| 青椒成人免费视频| 国产精品免费av| 91精品久久久久久久久99蜜臂| 人禽交欧美网站| 亚洲国产精品v| 日韩精品在线一区二区| 国产成人丝袜美腿| 日韩成人一区二区三区在线观看| 国产网红主播福利一区二区| 在线免费观看成人短视频| 国产精品白丝av| 日韩在线一区二区| 一区二区中文字幕在线| 日韩精品一区二区三区四区视频| 成人av免费网站| 蜜桃久久精品一区二区| 亚洲国产va精品久久久不卡综合| 亚洲国产激情av| 国产色91在线| 欧美成人伊人久久综合网| 欧美日韩成人综合在线一区二区| 国产乱对白刺激视频不卡| 日韩av二区在线播放| 亚洲一级二级三级| 亚洲精品成人悠悠色影视| 国产精品成人一区二区艾草 | 精品国产露脸精彩对白| 欧美日韩成人一区二区| 日本高清不卡在线观看| 色婷婷一区二区| 欧美亚洲动漫制服丝袜| 91成人免费在线视频| 欧美视频一区二区在线观看| 在线看一区二区| 在线免费观看日本一区| 欧美视频一区在线观看| 在线播放国产精品二区一二区四区 | 久久99精品久久只有精品| 免费看欧美女人艹b| 老司机免费视频一区二区| 国内精品写真在线观看| 国产高清精品网站| 91免费看`日韩一区二区| 91精彩视频在线| 欧美一区二区三区喷汁尤物| 欧美成人video| 自拍偷拍亚洲综合| 日本系列欧美系列| 国产宾馆实践打屁股91| 色88888久久久久久影院野外| 欧美日韩亚州综合| 久久久午夜电影| 夜夜爽夜夜爽精品视频| 经典一区二区三区| 99精品欧美一区| 久久影院午夜片一区| 中文字幕一区二| 乱一区二区av| 在线一区二区三区四区五区| 精品少妇一区二区| 亚洲国产中文字幕在线视频综合| 激情图区综合网| 一本大道久久a久久精品综合| 精品国产免费一区二区三区四区| 亚洲男同性恋视频| 五月综合激情网| 日韩电影在线免费观看| 国产91精品一区二区| 日韩精品一区二区三区视频播放 | 亚洲男人天堂av| 国产精品亚洲成人| 91精品国产综合久久久久久久久久| 国产视频一区在线播放| 麻豆精品一区二区综合av| 欧美日韩在线免费视频| 一二三区精品福利视频| 91片在线免费观看| 国产精品不卡在线| 丁香一区二区三区| 久久欧美一区二区| 国产一区二区三区免费播放| 日韩欧美一区在线| 国产一区二区三区四区在线观看| 7777精品伊人久久久大香线蕉经典版下载 | 国产一区二三区| 久久久精品tv| 一本大道久久a久久综合婷婷| 亚洲欧美成aⅴ人在线观看 |