html5需遵循怎樣的6個設計原則？-H5教程-PHP中文網

html5需遵循怎樣的6個設計原則？

青灯夜游

發布： 2018-09-10 17:46:17

原創

1946 人瀏覽過

本章將介紹html5需要遵循的6個設計原則，有一定的參考價值，有需要的朋友可以參考一下，希望對你有幫助。

原則一：避免不必要的複雜性

#html4

<!DOCTYPE html PUBLIC "-//W3C/DTD HTML 4.01//EN" " 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

登入後複製

html5

<!DOCTYPE html>
<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>

登入後複製

原則三：解決現實的問題

在html4中，即使兩個區塊級元素元素有相同的連結位址，也必須分開寫，因為內聯元素不能包含區塊級元素

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

登入後複製

而在html5中，由於使用了內容模型，元素也可以包含區塊級元素

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

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

#一旦遇到衝突，最終用戶優先，其次是作者，其次是實現者，其次是標準制定者，最後才是理論上的完滿。

以上是html5需遵循怎樣的6個設計原則？的詳細內容。更多資訊請關注PHP中文網其他相關文章！

php8，我來也