麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 編程 > HTML > 正文

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

2020-03-24 19:25:33
字體:
來源:轉載
供稿:網友
2004年5月29日,在我退休的博客和所有的大話 ,當我調查40個設計師的網站,看看他們為公共頁面元素使用的約定,如標題和橫幅,導航,內容和頁腳(那時候的結果 )。這幾乎不是科學研究,但在那年6月,我跟進了Eric Meyer的一些意見 ,并出版了一套命名約定。當我發現一個網站已經通過了這些命名約定時,我總是很高興,我任然每一天都在用,甚至超過4年后的每一天。那時候我的想法可以概括成這樣id和html' target='_blank'>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 > h2 >
div >Main content
/div

div >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 > h2 Title /h2

div >Main content
/div

div >Related content
/div
/div

我覺得對我來說是一個合乎邏輯的下一步。因此,看看這個示范文件,我已經采取了HTML5元素為我的命名約定的基礎。除了我剛才提到的,留意,我已經確定了分類和導航的方式(nav ),用colgroup和col構建字段 ,把一個無序列表轉換為網格,用datagrid。HTML5的標記規范還包括details , dialog和figure ,我同樣地可以當做屬性值使用。如果今天我可以實現一個愿望,這個愿望將是所有的CSS框架的開發將采取相同的命名約定(而且也廣泛地嵌入微格式),以便初學意義豐富的標記和CSS的人們有個正確的出發點,使用的更有意義,更合邏輯,而不是表象的id和class屬性。html教程

鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 久久精品日韩一区 | 成人毛片在线 | 久久精品亚洲精品国产欧美kt∨ | 日本娇小videos高潮 | 97精品国产高清在线看入口 | 91九色丨porny丨国产jk | 久久国产成人午夜av浪潮 | 国产成年人在线观看 | 伊人99re| a集毛片| 日韩黄色免费观看 | 亚洲一区二区三区在线看 | 一区二区视 | 国产精品无码久久久久 | 国产一区二区三区视频在线观看 | 成人精品久久久 | 国产亚洲欧美一区久久久在 | 久久99久久98精品免观看软件 | 国产刺激高潮av | 免费黄色a| 亚洲五码在线观看视频 | 日日天日日夜日日摸 | 99国产精成人午夜视频一区二区 | 中午字幕无线码一区2020 | 99精品视频免费看 | 欧美成人a | 视频在线91 | 羞羞视频在线免费 | 欧美色另类 | 成人做爰高潮片免费视频美国 | 亚州欧美在线 | 欧美三级日本三级少妇99 | 爱福利视频网 | 免费观看一区二区三区视频 | 免费一级特黄毛片 | 免费毛片播放 | 精品日韩欧美 | 日韩黄色一级视频 | 99精品视频在线免费观看 | gogo全球大胆高清人露出91 | 成人h精品动漫一区二区三区 |