html5須要遵照的6個原則（介紹）

時間 2021-06-11 標籤 php html html5 java linux segmentfault 瀏覽器 ide ui url

使得html5得以快速推廣一系列原則是什麼？本章給你們介紹html5須要遵照的6個原則。有必定的參考價值，有須要的朋友能夠參考一下，但願對大家有所幫助。php

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

html4html5

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

html5java

<!DOCTYPE html>

html4linux

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

html5segmentfault

<meta charset="utf-8">

原則二：支持已有的內容瀏覽器

如下四段代碼，在xhtml中只有第一段是正確的；而在html5中，全部的都是正確的ide

XML/HTMLui

<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>

原則三：解決現實的問題url

在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>

原則四：求真務實

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須要遵照的6個原則（介紹）的詳細內容，但願對你有所幫助。

閱讀原文：html5須要遵照的6個原則（介紹）