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 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教學
以上是html 5設計原則介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章！
熱AI工具
Undresser.AI Undress
人工智慧驅動的應用程序，用於創建逼真的裸體照片
AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。
Undress AI Tool
免費脫衣圖片
Clothoff.io
AI脫衣器
Video Face Swap
使用我們完全免費的人工智慧換臉工具，輕鬆在任何影片中換臉！
熱門文章
熱工具
記事本++7.3.1
好用且免費的程式碼編輯器
SublimeText3漢化版
中文版，非常好用
禪工作室 13.0.1
強大的PHP整合開發環境
Dreamweaver CS6
視覺化網頁開發工具
SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)
什麼是REST API設計原理？
Apr 04, 2025 am 12:01 AM
RESTAPI設計原則包括資源定義、URI設計、HTTP方法使用、狀態碼使用、版本控制和HATEOAS。 1.資源應使用名詞表示並保持層次結構。 2.HTTP方法應符合其語義，如GET用於獲取資源。 3.狀態碼應正確使用，如404表示資源不存在。 4.版本控制可通過URI或頭部實現。 5.HATEOAS通過響應中的鏈接引導客戶端操作。
C#開發經驗分享：物件導向程式設計與設計原則
Nov 22, 2023 am 08:18 AM
C#（CSharp）是一門強大且受歡迎的物件導向程式語言，廣泛應用於軟體開發領域。在C#開發過程中，了解物件導向程式設計（OOP）的基本概念和設計原則是非常重要的。物件導向程式設計是一種程式設計範式，它將現實世界中的事物抽象化為對象，並透過物件之間的交互作用來實現系統功能。在C#中，類別是物件導向程式設計的基本建構塊，用於定義物件的屬性和行為。在進行C#開發時，有幾個重要的設計原
C++類別設計原則有哪些？
Jun 02, 2024 pm 03:30 PM
類別設計原則在C++中至關重要，以下5個原則有助於創建有效且可維護的類別：單一職責原則：每個類別只負責一項任務。開閉原則：類別可擴展而無需修改。依賴倒置原則：模組依賴抽象介面而不是具體實作。介面隔離原則：介面盡可能小且有針對性。里氏替換原則：子類別可無縫替換父類別。
設計RESTful API的原則在Go語言中
Jan 22, 2024 am 11:23 AM
隨著網路應用的快速發展，RESTfulAPI成為了許多web應用的核心設計，而Go語言作為一門快速且有效率的程式語言，也逐漸成為了開發RESTfulAPI的首選語言。在Go語言中，RESTfulAPI的設計原則也十分重要。以下將介紹幾個關鍵的原則，幫助你在Go語言中發展高品質的RESTfulAPI。單一職責原則在Go語言中，單一職責原則被廣泛應用於
學校管理系統的MySQL表結構設計原則
Oct 31, 2023 am 10:10 AM
學校管理系統的MySQL表結構設計原則引言在現代教育產業中，學校管理系統扮演著至關重要的角色。它幫助學校有效地管理學生、教師、課程和其他關鍵業務。在設計學校管理系統的資料庫時，MySQL是一個強大的工具。本文將介紹學校管理系統的MySQL表格結構設計原則，並提供具體的程式碼範例。一、標準化資料庫設計在設計資料庫時，標準化是一個關鍵的原則。標準化可以確保資料庫的數
Java函數設計原則與最佳實踐
Apr 20, 2024 am 08:21 AM
遵循良好的函數設計原則和最佳實踐有助於創建易懂且高效的Java程式碼。這些原則包括單一職責、開放-封閉和低耦合高內聚。最佳實務包括命名約定、參數設計、異常處理、文件和測試。透過遵循這些原則，您可以編寫高品質、可重複使用且可維護的函數，例如計算兩個數字平均值的函數。
資料庫限制設計原則：PHP程式設計中的技巧
Jun 22, 2023 pm 08:22 PM
在PHP程式中，資料庫約束設計是非常重要的部分。資料庫約束可以確保資料的完整性、一致性和安全性，避免資料被惡意篡改或錯誤插入。因此，本文將介紹PHP程式設計中的資料庫約束設計原則與技巧。 1.主鍵和外鍵主鍵是用於唯一標識關係表中每個記錄的列或一組列。在建立表時，應該始終定義主鍵。主鍵確保了資料的唯一性，可以在查詢時更快地取得資料。外鍵是關係資料庫中另一個重要的約束
打造出色的使用者介面：Webman的設計原則和指南
Aug 13, 2023 pm 07:24 PM
打造出色的使用者介面：WebMan的設計原則和指南隨著網路的快速發展，使用者介面設計已成為網站和應用程式中至關重要的一環。一個出色的使用者介面不僅能提升用戶體驗，還能提高用戶滿意度和忠誠度。在這篇文章中，我們將介紹一些WebMan的設計原則和指南，幫助您打造出色的使用者介面。一、簡潔明了的介面一個簡潔明了的介面可以提供清晰的指導和導航，使用戶更容易理解和使用網站或
