html5需要遵守的6個原則（介紹）-H5教程-PHP中文網

首頁

web前端

H5教程

html5需要遵守的6個原則（介紹）

青灯夜游

Sep 26, 2018 pm 04:33 PM

html5

使得html5得以快速推廣一系列原則是什麼？本章跟大家介紹html5需要遵守的6個原則。有一定的參考價值，有需要的朋友可以參考一下，希望對你們有幫助。

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

#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中，所有的都是正確的

XML/HTML

<img src="/static/imghwm/default1.png"  data-src="foo"  class="lazy"   alt="bar" />  
<p class="foo">Hello world</p>

<img src="/static/imghwm/default1.png"  data-src="foo"  class="lazy"   alt="bar">  
<p class="foo">Hello world

<img  src="/static/imghwm/default1.png"  data-src="foo"  class="lazy"   ALT="bar" alt="html5需要遵守的6個原則（介紹）" >  
<P CLASS="foo">Hello world</P>

<img src=foo alt=bar>  
<p class=foo>Hello world</p>

原則三：解決現實的問題

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

<h2 id="a-nbsp-href-path-to-resource-Headline-nbsp-text-a"><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 id="Headline-nbsp-text">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個原則（介紹）的詳細內容。更多資訊請關注PHP中文網其他相關文章！

陳述

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

H5和HTML5之間的連接：相似性和差異Apr 24, 2025 am 12:01 AM

H5和HTML5是不同的概念：HTML5是HTML的一個版本，包含新元素和API；H5是基於HTML5的移動應用開發框架。 HTML5通過瀏覽器解析和渲染代碼，H5應用則需要容器運行並通過JavaScript與原生代碼交互。

H5代碼的基礎：密鑰元素及其目的Apr 23, 2025 am 12:09 AM

HTML5的關鍵元素包括、、、、、等，用於構建現代網頁。 1.定義頭部內容，2.用於導航鏈接，3.表示獨立文章內容，4.組織頁面內容，5.展示側邊欄內容，6.定義頁腳，這些元素增強了網頁的結構和功能性。

HTML5和H5：了解常見用法Apr 22, 2025 am 12:01 AM

HTML5和H5沒有區別，H5是HTML5的簡稱。 1.HTML5是HTML的第五個版本，增強了網頁的多媒體和交互功能。 2.H5常用於指代基於HTML5的移動網頁或應用，適用於各種移動設備。

HTML5：現代網絡的基礎（H5）Apr 21, 2025 am 12:05 AM

HTML5是超文本標記語言的最新版本，由W3C標準化。 HTML5引入了新的語義化標籤、多媒體支持和表單增強，提升了網頁結構、用戶體驗和SEO效果。 HTML5引入了新的語義化標籤，如、、、等，使網頁結構更清晰，SEO效果更好。 HTML5支持多媒體元素和，無需第三方插件，提升了用戶體驗和加載速度。 HTML5增強了表單功能，引入了新的輸入類型如、等，提高了用戶體驗和表單驗證效率。

H5代碼：編寫清潔有效的HTML5Apr 20, 2025 am 12:06 AM

如何寫出乾淨高效的HTML5代碼？答案是通過語義化標籤、結構化代碼、性能優化和避免常見錯誤。 1.使用語義化標籤如、等，提升代碼可讀性和SEO效果。 2.保持代碼結構化和可讀性，使用適當縮進和註釋。 3.優化性能，通過減少不必要的標籤、使用CDN和壓縮代碼。 4.避免常見錯誤，如標籤未閉合，確保代碼有效性。