婷婷综合国产,91蜜桃婷婷狠狠久久综合9色 ,九九九九九精品,国产综合av

主頁 > 知識庫 > HTML5 微格式和相關的屬性名稱

HTML5 微格式和相關的屬性名稱

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

2004年5月29日,在我退休的博客和所有的大話 ,當我調查40個設計師的網站,看看他們為公共頁面元素使用的約定,如標題和橫幅,導航,內容和頁腳(那時候的結果 )。

這幾乎不是科學研究,但在那年6月,我跟進了Eric Meyer的一些意見 ,并出版了一套命名約定。當我發現一個網站已經通過了這些命名約定時,我總是很高興,我任然每一天都在用,甚至超過4年后的每一天。

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

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

Naming should take on almost an XML style structure.命名將要承擔幾乎整個XML式結構。因此,內部content來了 content-main , content-sub 和 content-supp 。

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

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

在難得的場合,我需要添加一個新元素(假設布局目的的一個劃分)我首先想到的是延伸微格式中已經存在的。我將給您舉個使用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>

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

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

HTML5

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

section

一個普通的文件或應用程序部分。章節 ,在這方面,是內容的一個主題分類。

article

由文章組成的頁面的一部分,構成文檔、網頁或網站的一個獨立部分。 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.這可能是一個論壇,雜志,報紙文章,網絡日志,用戶提交的評論,或任何其他的內容的獨立項目。

aside

由內容組成的頁面的一部分,與aside 元素相關的內容無關,并可以被認為是從內容中分離出來的。 這些部分,經常表現為印刷排版側邊欄。

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?由于對微格式的發明者來說,在現有的規范上發展他們的模式是合乎邏輯的,當然,現在對我以適應我的命名約定去跟隨HTML5很有意義?當然,我還不能使用:


<section>
<h2> Title</h2>

<article>
Main content
</article>

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

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


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

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

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

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

HTML5的標記規范還包括details , dialog和figure ,我同樣地可以當做屬性值使用。

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

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

巨人網絡通訊聲明:本文標題《HTML5 微格式和相關的屬性名稱》,本文關鍵詞  HTML5,微,格式,和,相關,的,;如發現本文內容存在版權問題,煩請提供相關信息告之我們,我們將及時溝通與處理。本站內容系統采集于網絡,涉及言論、版權與本站無關。
  • 相關文章
  • 下面列出與本文章《HTML5 微格式和相關的屬性名稱》相關的同類信息!
  • 本頁收集關于HTML5 微格式和相關的屬性名稱的相關信息資訊供網民參考!
  • 推薦文章
    婷婷综合国产,91蜜桃婷婷狠狠久久综合9色 ,九九九九九精品,国产综合av
    国产成人8x视频一区二区| 久久精品99久久久| 一区二区三区免费网站| 不卡视频一二三四| 一区二区三区在线视频观看| 97se狠狠狠综合亚洲狠狠| 日韩三区在线观看| 日产欧产美韩系列久久99| 亚洲国产精品精华液2区45| 99久久综合99久久综合网站| 国产又粗又猛又爽又黄91精品| 亚洲精品免费视频| 国产欧美日韩卡一| 久久毛片高清国产| 欧美精品日日鲁夜夜添| 欧美日韩在线直播| 91碰在线视频| 欧美性猛交一区二区三区精品| 在线观看一区二区精品视频| 欧美在线一二三| 91色porny| 欧美性猛片aaaaaaa做受| 97se亚洲国产综合在线| 高清国产一区二区| 国产成人免费视频精品含羞草妖精| 国模大尺度一区二区三区| 国产成人欧美日韩在线电影| 韩国理伦片一区二区三区在线播放 | 日韩和欧美一区二区| 国产精品区一区二区三| 国产午夜久久久久| 亚洲影院理伦片| 亚洲天堂a在线| 亚洲精品第1页| 日本系列欧美系列| 久热成人在线视频| 91网站视频在线观看| 极品瑜伽女神91| 8v天堂国产在线一区二区| 亚洲视频一区二区在线观看| 日韩视频免费直播| 国产精品丝袜久久久久久app| 亚洲成av人影院| 美女尤物国产一区| 欧美性生交片4| 亚洲18影院在线观看| 国产一区日韩二区欧美三区| 91精品国产手机| 日韩理论片网站| 高清不卡一二三区| 欧美日韩国产一二三| 欧美日韩中文一区| 精品国产乱码久久久久久久久| 捆绑变态av一区二区三区| 91麻豆精品国产91久久久更新时间| 欧美日韩亚洲综合在线| 亚洲国产日韩一区二区| 国产精品三级电影| 亚洲伊人伊色伊影伊综合网| eeuss鲁片一区二区三区| 亚洲精品在线观| 久久激情五月激情| 国产人妖乱国产精品人妖| 国产麻豆一精品一av一免费 | 91视频精品在这里| eeuss鲁片一区二区三区在线观看| 久久色视频免费观看| 久久99精品久久久久久久久久久久| 欧美国产亚洲另类动漫| 国产麻豆视频一区| 国产精品理伦片| 91极品视觉盛宴| 精品系列免费在线观看| 蜜桃视频第一区免费观看| 日本一区二区综合亚洲| 久久精品在线免费观看| 国产一区二区三区四区五区入口 | 久久国产人妖系列| 国产精品久久久久天堂| 欧美在线|欧美| 国产精品一品视频| 精品欧美乱码久久久久久1区2区 | 91麻豆精品国产91久久久使用方法 | 欧美视频在线一区二区三区| 国产精品午夜电影| 欧美日本免费一区二区三区| 不卡视频一二三| 久久精品二区亚洲w码| 亚洲精品伦理在线| 亚洲欧洲www| 国产亚洲欧美日韩日本| 日韩免费福利电影在线观看| 日本韩国欧美一区二区三区| jlzzjlzz亚洲女人18| 国产精品亚洲视频| 久久99国内精品| 久久福利资源站| 视频在线观看一区二区三区| 亚洲国产精品久久人人爱| 亚洲天堂免费在线观看视频| 国产精品电影一区二区| 26uuu亚洲| 国产亚洲欧美一级| 91精品国产色综合久久不卡蜜臀 | 亚洲最新视频在线观看| 天堂va蜜桃一区二区三区 | 一区二区三区电影在线播| 日韩欧美亚洲国产精品字幕久久久 | 亚洲国产另类av| 久久久.com| 日韩视频免费观看高清在线视频| 欧美日韩精品一区视频| 99精品热视频| 欧美精品一级二级| 欧美日韩一本到| 欧美群妇大交群的观看方式| 欧美日韩在线播放三区| 精品视频一区二区三区免费| 欧美日韩一本到| 欧美高清视频在线高清观看mv色露露十八| 成人激情视频网站| 国产成人av资源| 99re成人在线| 欧美色区777第一页| 欧美精选午夜久久久乱码6080| 日韩午夜精品电影| 日韩欧美综合在线| 中文av一区二区| 亚洲国产婷婷综合在线精品| 麻豆精品在线看| 99久久精品国产一区| 欧美日韩午夜在线| 中文字幕日韩精品一区| 亚洲一二三四在线| 国产在线国偷精品免费看| 成人美女在线观看| 日韩欧美一级二级三级| 日韩毛片一二三区| 激情综合网最新| 国产精品中文欧美| 国产精品一级二级三级| 欧美猛男超大videosgay| 亚洲色图色小说| 成人国产在线观看| 中文字幕日韩一区二区| av中文字幕不卡| 亚洲免费资源在线播放| 波多野结衣亚洲| 国产精品午夜春色av| 国产a视频精品免费观看| 精品国产乱码久久久久久免费 | 日本电影亚洲天堂一区| 国产精品网曝门| 国产大陆a不卡| 国产目拍亚洲精品99久久精品| av在线播放成人| 日本不卡高清视频| 久久久久久久免费视频了| 不卡一区二区中文字幕| 亚洲品质自拍视频| 欧美精品乱码久久久久久| 久久精品国产久精国产爱| 国产欧美一区二区三区鸳鸯浴| 国产不卡免费视频| 国产在线视频一区二区| 久久久久国产精品人| 国产成人综合亚洲网站| 久久蜜桃av一区精品变态类天堂| 日本福利一区二区| 狠狠色狠狠色综合日日91app| 欧美刺激午夜性久久久久久久| 懂色中文一区二区在线播放| 美洲天堂一区二卡三卡四卡视频 | 久久先锋影音av鲁色资源| 日本精品一级二级| 国内精品免费在线观看| 一区二区三区国产豹纹内裤在线| 欧美日韩国产123区| av资源网一区| 日韩av电影天堂| 亚洲一区二区三区四区在线| 精品日韩一区二区三区免费视频| 欧美自拍丝袜亚洲| 天天av天天翘天天综合网 | 欧美精品第1页| 成人爽a毛片一区二区免费| 免费人成在线不卡| 亚洲精品国产a久久久久久| 日韩欧美国产一区二区在线播放| 91片黄在线观看| 99这里只有久久精品视频| 婷婷丁香久久五月婷婷| 亚洲欧美日韩一区| 中文字幕av免费专区久久| 7777女厕盗摄久久久| 99re视频精品| 国产成人午夜视频| 国产一区二区在线视频| 国内精品自线一区二区三区视频| 天使萌一区二区三区免费观看|