Giới thiệu HTML5

Ví dụ HTML5 trong mỗi chương

Ví dụ

<!DOCTYPE html>
<html>
<body>
<video width="420" controls>
  <source src="mov_bbb.mp4" type="video/mp4">
  <source src="mov_bbb.ogg" type="video/ogg">
 Trình duyệt của bạn không hỗ trợ thẻ video.
</video>
</body>
</html>

Thử ngay

Nhấp vào “Thử ngay” để xem ví dụ này hoạt động như thế nào.

HTML5 là gì?

HTML5 là tiêu chuẩn HTML mới nhất.

HTML5 được thiết kế đặc biệt để mang lại nội dung web phong phú mà không cần phần cứng bổ sung.

HTML5 có các yếu tố ngữ nghĩa, đồ họa và đa phương tiện mới.

HTML5 cung cấp các yếu tố và API mới để đơn giản hóa việc xây dựng ứng dụng web.

HTML5 là đa nền tảng, được thiết kế để chạy trên nhiều loại phần cứng (PC, máy tính bảng, điện thoại, tivi v.v.).

Chú thích:Trong các chương tiếp theo, bạn sẽ học cách “giúp đỡ” các trình duyệt phiên bản cũ xử lý HTML5.

Nội dung mới trong HTML5?

Đề xuất loại tài liệu mới (DOCTYPE) trong HTML5 rất đơn giản:

<!DOCTYPE html>
Đề xuất mã hóa ký tự mới (charset) cũng rất đơn giản:
<meta charset="UTF-8">

Mô hình HTML5:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Tên tài liệu</title>
</head>
<body>
Nội dung của tài liệu......
</body>
</html>

Chú thích:Mã hóa ký tự mặc định trong HTML5 là UTF-8.

HTML5 - Ngữ pháp thuộc tính mới

HTML5 tiêu chuẩn cho phép 4 loại ngữ pháp thuộc tính khác nhau.

Ví dụ này演示 các ngữ pháp khác nhau được sử dụng trong thẻ <input>:

Loại Mô hình
Empty <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'>

Trong tiêu chuẩn HTML5, có thể sử dụng tất cả 4 ngữ pháp dựa trên nhu cầu của thuộc tính.

Tính năng mới trong HTML5

Một số tính năng mới thú vị nhất của HTML5:

  • Các yếu tố ngữ nghĩa mới, chẳng hạn như <header>, <footer>, <article> và <section>.
  • Các điều khiển biểu mẫu mới, chẳng hạn như số, ngày, giờ, lịch và thanh trượt.
  • Hỗ trợ hình ảnh mạnh mẽ (qua <canvas> và <svg>)
  • Hỗ trợ đa phương tiện mạnh mẽ (qua <video> và <audio>)
  • Các API mới mạnh mẽ, chẳng hạn như thay thế cookie bằng lưu trữ cục bộ.

Các yếu tố bị xóa trong HTML5

Các yếu tố HTML 4.01 sau đã bị xóa khỏi HTML5:

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