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

主頁 > 知識庫 > 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)民參考!
  • 推薦文章
    校园春色亚洲色图_亚洲视频分类_中文字幕精品一区二区精品_麻豆一区区三区四区产品精品蜜桃
    欧美精品三级日韩久久| 国产成人精品一区二区三区四区 | 久久国产夜色精品鲁鲁99| 欧美丰满少妇xxxxx高潮对白 | 日韩免费福利电影在线观看| 毛片基地黄久久久久久天堂| 91精品国产高清一区二区三区蜜臀| 日欧美一区二区| 精品国一区二区三区| 国产乱码精品1区2区3区| 中文字幕日韩精品一区| 91久久精品网| 久久精品国产精品青草| 国产精品伦一区| 欧美撒尿777hd撒尿| 狠狠色狠狠色综合系列| 中文字幕一区二区三区精华液| xvideos.蜜桃一区二区| 亚洲欧美一区二区三区孕妇| 99re66热这里只有精品3直播| 亚洲激情图片一区| 欧美一卡二卡在线观看| 成人一区二区三区| 亚洲国产精品自拍| 26uuu色噜噜精品一区二区| 色综合天天综合| 久久精品久久综合| 亚洲精品国产品国语在线app| 91麻豆精品国产综合久久久久久| 国产成人在线视频网站| 午夜亚洲国产au精品一区二区| 精品免费一区二区三区| 日本高清不卡aⅴ免费网站| 激情综合色播激情啊| 亚洲人成网站在线| 久久综合九色综合欧美98| 欧洲视频一区二区| 成人免费电影视频| 日本午夜一区二区| 夜夜亚洲天天久久| 欧美高清在线视频| 欧美tickle裸体挠脚心vk| 色国产综合视频| 国产一区二区三区黄视频 | 亚洲第一福利一区| 国产精品伦理一区二区| 日韩免费一区二区| 欧美日韩性生活| 色综合色综合色综合| 国产高清久久久久| 麻豆精品在线视频| 午夜一区二区三区视频| 亚洲久草在线视频| 国产日韩欧美亚洲| 精品av综合导航| 欧美一区二区三区影视| 欧美主播一区二区三区| 91色.com| 91亚洲精品久久久蜜桃网站| 国产成人在线免费观看| 国产中文一区二区三区| 久久精品国产色蜜蜜麻豆| 日韩电影在线看| 午夜激情综合网| 天堂久久久久va久久久久| 一区二区三区欧美日韩| 一区二区三区在线免费| 中文字幕综合网| 亚洲欧美视频一区| 亚洲精品成人悠悠色影视| 国产精品白丝在线| 中文字幕日本不卡| 成人欧美一区二区三区白人| 亚洲欧洲av一区二区三区久久| 国产精品久久久久久户外露出| 国产精品激情偷乱一区二区∴| 亚洲国产精品99久久久久久久久| 欧美国产一区在线| 中文字幕五月欧美| 亚洲综合视频在线观看| 亚洲va欧美va国产va天堂影院| 性做久久久久久免费观看| 午夜影院在线观看欧美| 蜜桃一区二区三区在线观看| 免费国产亚洲视频| 韩国av一区二区| 成人app在线| 91在线观看成人| 欧美专区亚洲专区| 日韩视频一区在线观看| 久久夜色精品国产噜噜av| 亚洲精品一区二区三区蜜桃下载 | 精品少妇一区二区三区免费观看| 欧美mv日韩mv国产| 久久精品免费在线观看| 亚洲视频一二三区| 午夜视频一区二区三区| 精品制服美女丁香| 成人免费av资源| 在线观看av一区| 精品国产乱码久久久久久久久| 26uuu国产在线精品一区二区| 欧美国产成人精品| 亚洲线精品一区二区三区| 人禽交欧美网站| 成人午夜视频在线| 欧美精选一区二区| 欧美经典一区二区三区| 椎名由奈av一区二区三区| 天堂久久一区二区三区| 国产成人午夜精品影院观看视频 | 久久一区二区三区四区| 亚洲欧美中日韩| 婷婷丁香激情综合| 国产精品一区二区在线观看不卡 | 91在线视频播放| 宅男在线国产精品| 国产精品美女久久久久aⅴ国产馆| 亚洲欧美激情插| 国产一区欧美二区| 欧美色涩在线第一页| 国产三级一区二区三区| 亚洲成av人在线观看| 懂色av中文字幕一区二区三区| 欧美人xxxx| 亚洲人成影院在线观看| 国产资源精品在线观看| 欧美色图片你懂的| 国产精品亲子伦对白| 精品一区中文字幕| 色噜噜夜夜夜综合网| 久久精品男人天堂av| 日本欧美一区二区| 在线观看亚洲成人| 亚洲欧美怡红院| 国产精品影视在线观看| 欧美一级艳片视频免费观看| 亚洲乱码国产乱码精品精小说| 国产精品一区二区男女羞羞无遮挡 | 国模无码大尺度一区二区三区| 欧美日韩在线播放一区| 亚洲欧洲成人精品av97| 国产精品1区2区| 日韩午夜精品电影| 亚洲成人av电影在线| 色网站国产精品| 国产精品网站一区| 国产高清成人在线| 欧美精品一区二区三区很污很色的 | 色综合久久88色综合天天| 欧美国产一区视频在线观看| 狠狠色综合播放一区二区| 欧美一区二区啪啪| 日本视频中文字幕一区二区三区| 在线观看日韩国产| 一区二区三区四区视频精品免费| 成人免费不卡视频| 日本一区二区三区高清不卡| 国产老妇另类xxxxx| 久久久久久夜精品精品免费| 精品影院一区二区久久久| 日韩精品一区二区三区四区| 免费人成在线不卡| 日韩欧美国产系列| 极品美女销魂一区二区三区| 26uuu另类欧美亚洲曰本| 激情亚洲综合在线| 久久精品人人做人人综合 | 亚洲免费成人av| 在线观看日韩毛片| 亚洲综合精品久久| 欧美日韩成人一区二区| 日一区二区三区| 日韩午夜精品视频| 国产又粗又猛又爽又黄91精品| 久久久久久久综合狠狠综合| 国产精品亚洲第一区在线暖暖韩国 | 亚洲成人福利片| 日韩一区二区三区免费看| 蜜臀av一区二区在线免费观看| 欧美mv和日韩mv的网站| 国产成人免费在线观看| 综合分类小说区另类春色亚洲小说欧美| 91视频精品在这里| 亚洲不卡一区二区三区| 欧美一卡在线观看| 国产高清不卡一区| 中文字幕一区二区三区视频| 欧亚一区二区三区| 久久国产精品72免费观看| 中文字幕免费一区| 欧美亚洲国产一区二区三区| 麻豆成人av在线| 中文字幕乱码亚洲精品一区| 日本福利一区二区| 九九精品一区二区| 亚洲男同性恋视频| 欧美一区二区在线不卡| 成人午夜激情视频| 天堂一区二区在线免费观看|