Giới thiệu về HTML5

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

Mô hình

<!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ử nghiệm trực tiếp

Nhấp vào "Thử nghiệm trực tiếp" để 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 plugin bổ sung.

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

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

HTML5 là nền tảng đ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 sau, bạn sẽ học cách "hỗ trợ" trình duyệt phiên bản cũ xử lý HTML5.

Nội dung mới trong HTML5?

Báo cáo loại tài liệu mới (DOCTYPE) của HTML5 rất đơn giản:

<!DOCTYPE html>
Báo cáo mã hóa ký tự (charset) mới 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.

Mô hình này minh họa việc sử dụng các ngữ pháp khác nhau trong thẻ <input>:

Loại Mô hình
Trống <input type="text" value="Bill Gates" disabled>
Định dạng không dấu <input type="text" value=Bill Gates>
Định dạng kép <input type="text" value="Bill Gates">
Định dạng có dấu <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ộ.

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>