Ringkasan HTML5

每一章中的 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、平板、手机、电视机等等）之上运行。

注释：在下面的章节中，您将学到如何“帮助”老版本的浏览器处理 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 种不同的属性语法。

Contoh ini menunjukkan penggunaan sintaks yang berbeda dalam tag <input>:

Jenis Contoh
Kosong <input type="text" value="Bill Gates" disabled>
Unquoted <input type="text" value=Bill Gates>
Double-quoted <input type="text" value="Bill Gates">
Single-quoted <input type="text" value='Bill Gates'>

Dalam standar HTML5, berdasarkan kebutuhan properti, mungkin akan digunakan semua 4 jenis sintaks.

Fitur Baru HTML5

Beberapa fitur yang paling menarik HTML5:

  • Elemen semantik yang baru, seperti <header>, <footer>, <article>, dan <section>.
  • Kontrol formulir yang baru, seperti angka, tanggal, waktu, kalender, dan penarik.
  • Dukungan gambar yang kuat (melalui <canvas> dan <svg>)
  • Dukungan multimedia yang kuat (melalui <video> dan <audio>)
  • API yang kuat seperti penggantian cookie dengan penyimpanan lokal.

Elemen Hilang HTML5

Elemen HTML 4.01 berikutnya telah dihapus dari HTML5:

  • <acronym>
  • <applet>
  • <basefont>
  • <big>
  • <center>
  • <dir>
  • <font>
  • <frame>
  • <frameset>
  • <noframes>
  • <strike>
  • <tt>