站長資訊網
        最全最豐富的資訊網站

        html 5設計原則介紹

        html 5設計原則介紹

        導語:

        HTML5是構建Web內容的一種語言描述方式。HTML5是互聯網的下一代標準,是構建以及呈現互聯網內容的一種語言方式.被認為是互聯網的核心技術之一。HTML產生于1990年,1997年HTML4成為互聯網標準,并廣泛應用于互聯網應用的開發。

        實際上,html5并不是由w3c直接制定的,w3c的方向是xhtml2,而不是html5。當xhtml2脫離現實,無法付諸實踐時,w3c工作組才將研究方向轉向html5。為什么xhtml2從未落到實處?因為它違反了一條設計原理,這條設計原理就是著名的伯斯塔爾法則——發送時要保守;接收時要開放。而在html5設計過程中遵循了一系列原則,才使得html5得以快速推廣。本文將介紹html5遵循的5個設計原則

        避免不必要的復雜性

        html4

        <!DOCTYPE html PUBLIC "-//W3C/DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

        html5

        <!DOCTYPE html>

        html4

        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">   html5 <meta charset="utf-8">

        支持已有內容

        以下四段代碼,在xhtml中只有第一段是正確的;而在html5中,所有的都是正確的

        <img src="foo" alt="bar" /> <p class="foo">Hello world</p>   <img src="foo" alt="bar"> <p class="foo">Hello world   <IMG SRC="foo" ALT="bar"> <P CLASS="foo">Hello world</P>   <img src=foo alt=bar> <p class=foo>Hello world</p>

        (學習視頻分享:html視頻教程)

        解決現實的問題

        在html4中,即使兩個塊級元素元素有相同的鏈接地址,也必須分開寫,因為內聯元素不能包含塊級元素

        <h2><a href="/path/to/resource">Headline text</a></h2> <p><a href="/path/to/resource">Paragraph text.</a></p>

        而在html5中,由于使用了內容模型,<a>元素也可以包含塊級元素

        <a href="/path/to/resource">     <h2>Headline text</h2>     <p>Paragraph text.</p> </a>

        內容模型

        html5新增了多個元素,其中包括:section、article、aside和nav,它們代表了一種新的內容模型——給內容分區。以前人們一直都在用div來組織頁面中的內容,但與其他類似的元素一樣,div本身并沒有語義。但section、article、aside和nav實際上是在明確地告訴你——這一塊就像文檔中的另一個文檔一樣。位于這些元素中的任何內容,都可以擁有自己的概要、標題,自己的腳部。

        平穩退化

        瀏覽器在遇到不識別的type值時,會將type的值解釋為text

        input type="number" input type="search" input type="range" input type="email" input type="date" input type="url"

        相關推薦:html5教程

        贊(0)
        分享到: 更多 (0)
        網站地圖   滬ICP備18035694號-2    滬公網安備31011702889846號
        主站蜘蛛池模板: 精品a在线观看| 香蕉依依精品视频在线播放| 久久93精品国产91久久综合| 久久国产精品成人片免费| 国产精品V亚洲精品V日韩精品| 精品人妻中文字幕有码在线| 另类国产精品一区二区| 日本久久久精品中文字幕| 国产精品无码日韩欧| 中日精品无码一本二本三本| 精品无码久久久久久国产| 51精品资源视频在线播放| 3D动漫精品一区二区三区| 久久综合久久自在自线精品自| 亚洲AV成人精品日韩一区18p| 国产免费伦精品一区二区三区| 日本精品一区二区三区在线观看| 国产精品久久久久国产A级| 亚洲精品无码不卡在线播放HE| 精品无人区无码乱码大片国产| 97国产视频精品| 一区二区精品在线| 久久国产精品99久久久久久老狼| 国产日韩精品中文字无码| 日本伊人精品一区二区三区| 亚洲精品无码久久久久sm| 亚洲国产精品人人做人人爱| 完整观看高清秒播国内外精品资源| 隔壁老王国产在线精品| 亚洲综合国产精品| 国产成人精品综合在线观看| 99久久精品免费国产大片| 国产成人无码精品久久久免费 | 久久久99精品成人片中文字幕 | 欧美日韩精品一区二区| 国产人成精品午夜在线观看| 国产AV国片精品有毛| 97久久久久人妻精品专区| 精品国产sm捆绑最大网免费站| 黑人巨大精品欧美| 国产精品区一区二区三在线播放 |