亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 編程 > HTML > 正文

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

2020-03-24 17:27:26
字體:
來源:轉載
供稿:網友
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教程

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

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
久久久久国产一区二区三区| 欧美与欧洲交xxxx免费观看| 亚洲视频电影图片偷拍一区| 精品女同一区二区三区在线播放| 欧美精品久久久久| 一区二区三区国产视频| 国产一区二区免费| 久久夜精品香蕉| 一区二区三区国产视频| 91中文精品字幕在线视频| 欧美日韩一二三四五区| 欧美亚洲成人网| 亚洲欧洲在线播放| 久久九九热免费视频| 日韩中文字幕在线精品| 久久久久久com| 亚洲视频在线观看免费| 国产亚洲一区二区在线| 国产精品丝袜久久久久久不卡| 91老司机精品视频| 亚洲第一av网站| 欧美大片欧美激情性色a∨久久| 青青草原成人在线视频| 亚洲码在线观看| 欧美日韩国产色视频| 国产精品久久久久91| 精品中文字幕在线| 国产69精品久久久久久| 久久久久久久国产精品| 国产成人自拍视频在线观看| 日韩av片免费在线观看| 欧美激情图片区| 欧美中文字幕在线观看| 中文字幕免费精品一区高清| 久久久免费在线观看| 日韩国产欧美精品一区二区三区| 在线免费看av不卡| 国产精品青青在线观看爽香蕉| 久久久成人精品| 超碰97人人做人人爱少妇| 欧美片一区二区三区| 91色p视频在线| 成人www视频在线观看| 国产精品十八以下禁看| 国产综合久久久久久| 国产在线一区二区三区| 欧美—级a级欧美特级ar全黄| 国外成人免费在线播放| 揄拍成人国产精品视频| 少妇激情综合网| 乱亲女秽乱长久久久| 最新国产精品亚洲| 精品久久久久国产| 久久综合久中文字幕青草| 伊人男人综合视频网| 欧美日韩中国免费专区在线看| 久久久久国产一区二区三区| 欧美电影在线播放| 韩国19禁主播vip福利视频| 九九九热精品免费视频观看网站| 欧美成人亚洲成人日韩成人| 久久男人av资源网站| 国产亚洲福利一区| 欧美黑人xxxⅹ高潮交| 岛国av一区二区| 日韩电影中文字幕av| 久久精品亚洲精品| 日韩免费黄色av| 欧美与黑人午夜性猛交久久久| 欧美午夜丰满在线18影院| 久久艳片www.17c.com| 欧美丰满老妇厨房牲生活| 91热精品视频| 欧美在线视频网| 国产精品日韩欧美| 国产偷国产偷亚洲清高网站| 一区三区二区视频| 亚洲电影成人av99爱色| 伊人一区二区三区久久精品| 亚洲欧美日本伦理| 国语自产精品视频在免费| 青青久久av北条麻妃海外网| 亚洲天堂av综合网| 国产精品丝袜久久久久久高清| 亚洲第一网中文字幕| 91精品国产91久久久久久久久| 麻豆国产va免费精品高清在线| 国产亚洲精品91在线| 91久久国产婷婷一区二区| 久久夜精品香蕉| 中文字幕9999| 91av在线影院| 欧美精品免费播放| 国产亚洲精品美女| 久久91超碰青草是什么| 日韩在线观看网址| 7m第一福利500精品视频| 中文字幕精品在线视频| 中文字幕不卡在线视频极品| 91精品视频免费| 日韩在线观看免费高清| 国产精品中文字幕久久久| 久久婷婷国产麻豆91天堂| 久久精品国产91精品亚洲| 欧洲成人性视频| 日韩中文字幕视频在线观看| 91精品免费看| 久久这里只有精品视频首页| 91久久久久久国产精品| 91av在线播放视频| 日韩欧美亚洲范冰冰与中字| 在线日韩精品视频| 日韩成人免费视频| 亚洲美女自拍视频| 日本国产一区二区三区| 国产欧美在线看| 日韩电影中文字幕| 欧美精品一区三区| 555www成人网| 日韩精品中文字幕久久臀| 亚洲a一级视频| 97国产精品视频| 日韩精品在线视频| 国产成人精品网站| 国产一区二区三区视频在线观看| 毛片精品免费在线观看| 亚洲激情在线观看| 91精品成人久久| 久久久久久久网站| 国产成人精品视频在线观看| 久久久久久久国产精品视频| 欧美夫妻性生活xx| 91午夜理伦私人影院| 2020国产精品视频| 影音先锋欧美在线资源| 亚洲一区二区中文| 好吊成人免视频| 久久这里只有精品99| 国产亚洲精品综合一区91| 亚洲香蕉在线观看| 国产精品偷伦免费视频观看的| 一区二区三区国产视频| 欧美成人自拍视频| 成人午夜一级二级三级| 成年无码av片在线| 亚洲美女免费精品视频在线观看| 一级做a爰片久久毛片美女图片| 亚洲人成伊人成综合网久久久| 国产日韩欧美影视| 国产精品久久在线观看| 国产在线播放不卡| 国产精品一二区| 国产日韩一区在线| xxxx欧美18另类的高清| www日韩欧美| 亚洲精品色婷婷福利天堂| 法国裸体一区二区| 黑人巨大精品欧美一区二区免费| 亚洲国产99精品国自产| 亚洲性猛交xxxxwww| 91精品国产91久久久久久不卡| 在线日韩av观看| 久久久久免费精品国产| 日韩中文字幕不卡视频|