HTML5 簡介

2024-08-26 00:08:30

字體：大中小

來源：轉載

供稿：網友

每一章中的 html5 示例

實例

<!DOCTYPE html><html><body><video width="420" controls>  <source src="mov_bbb.mp4" type="video/mp4">  <source src="mov_bbb.ogg" type="video/ogg"> Your browser does not support the video tag.</video></body></html>

什么是 HTML5？

HTML5 是最新的 HTML 標準。

HTML5 是專門為承載豐富的 web 內容而設計的，并且無需額外插件。

HTML5 擁有新的語義、圖形以及多媒體元素。

HTML5 提供的新元素和新的 API 簡化了 web 應用程序的搭建。

HTML5 是跨平臺的，被設計為在不同類型的硬件（PC、平板、手機、電視機等等）之上運行。

注釋：在下面的章節(jié)中，您將學到如何“幫助”老版本的瀏覽器處理 HTML5。

HTML5 中的新內容？

HTML5 的新的文檔類型（DOCTYPE）聲明非常簡單：

<!DOCTYPE html>The new character encoding (charset) declaration is also very simple:<meta charset="UTF-8">

HTML5 實例：

<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Title of the document</title></head><body>Content of the document......</body></html>

注釋：HTML5 中默認的字符編碼是 UTF-8。

HTML5 - 新的屬性語法

HTML5 標準允許 4 中不同的屬性語法。

本例演示在 <input> 標簽中使用的不同語法：

類型	示例
Empty	<input type="text" value="John Doe" disabled>
Unquoted	<input type="text" value=John Doe>
Double-quoted	<input type="text" value="John Doe">
Single-quoted	<input type="text" value='John Doe'>

在 HTML5 標準中，根據對屬性的需求，可能會用到所有 4 種語法。