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 để chứa nội dung web phong phú mà không cần cài đặt thêm plugin.

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à hệ thống chạy trên nhiều 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, truyền hình...)

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

Nội dung mới trong HTML5?

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

<!DOCTYPE html>
Đềclaration 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>Titile của tài liệu</title>
</head>
<body>
Nội dung của tài liệu......
</body>
</html>

Ghi 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ách 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>
Không có dấu ngoặc kép <input type="text" value=Bill Gates>
Dấu ngoặc kép kép <input type="text" value="Bill Gates">
Dấu ngoặc kép đơn <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

Dưới đây là các yếu tố HTML 4.01 đã bị xóa khỏi HTML5:

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