[HTML/HTML5] Phần 34: Giới thiệu về HTML5

191 lượt xem 
 Cập nhật lần cuối: 31/03/2018 lúc 22:45:02
Thể loại: HTML/HTML5 

Trong bài này, các bạn sẽ tìm hiểu sơ qua về HTML5. Năm 2008, bản thảo về HTML5 đầu tiên được công bố với công chúng. Đến ngày 28 tháng 10 năm 2014, W3C HTML5 mới được chính thức phát hành.

Bạn có thể dùng chỉ thị DOCTYPE để định nghĩa tài liệu HTML5 đơn giản như sau:

<!DOCTYPE html>

Mã hóa ký tự (charset) đơn giản như sau:

<meta charset="UTF-8">

Ví dụ một tài liệu HTML5 được định nghĩa như sau:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Tiêu đề tài liệu --- DAMMIO.COM</title>
</head>

<body>
Nội dung tài liệu...... --- DAMMIO.COM
</body>

</html>

Mã hóa ký tự ở HTML5 mặc định là UTF-8.

Các phần tử HTML5 mới
Một số phần tử HTML5 mới như sau:

  • Các phần tử ngữ nghĩa: header, footer, article, và section.
  • Các thuộc tính mới của các phần tử form: number, date, time, calendar, và range.
  • Các phần tử đồ họa: svg và canvas
  • Các phần tử đa phương tiện: audio, video.

Các API (Application Programming Interface – Giao diện lập trình ứng dụng) mới trong HTML5
Một số API mới trong HTML5 như sau:

  • HTML Geolocation (HTML vị trí địa lý)
  • HTML Drag and Drop (HTML kéo và thả)
  • HTML Local Storage (HTML lưu trữ cục bộ)
  • HTML Application Cache (HTML Cache ứng dụng)
  • HTML Web Workers (Các HTML Web Worker – Web Worker là một đoạn mã JavaScript chạy ở nền tảng trình duyệt, độc lập và không ảnh hưởng tới các đoạn mã khác)
  • HTML SSE (SSE viết tắt của Server-Sent Event (tạm dịch là sự kiện Đã gửi Máy chủ) cho phép một trang web nhận cập nhật từ server)

Lưu ý: API HTML lưu trữ cục bộ (HTML Local storage) là một sự thay thế tốt cho các cookie.

Loại bỏ các phần tử trong HTML5
Một số phần tử HTML4 sau đã bị xóa bỏ trong HTML5:

  • Bỏ acronym thay bằng abbr
  • Bỏ applet thay bằng object
  • Bỏ basefont thay bằng CSS
  • Bỏ big thay bằng CSS
  • Bỏ center thay bằng CSS
  • Bỏ dir thay bằng ul
  • Bỏ font thay bằng CSS
  • Bỏ frame, frameset và noframes
  • Bỏ strike thay bằng CSS, s, hoặc del
  • Bỏ tt thay bằng CSS

Kết luận: Bài viết giới thiệu sơ khảo về HTML5 và một số phần tử HTML5 mới cũng như các phần tử HTML4 bị loại bỏ trong HTML5 và các API của HTML5. Mời bạn tiếp tục theo dõi bài tiếp theo để nắm vững hơn về HTML5.

Bình luận Facebook

1
Để lại bình luận

avatar
1000
1 Comment threads
0 Thread replies
0 Followers
 
Most reacted comment
Hottest comment thread
0 Comment authors
[HTML/HTML5] Phần 35: Hỗ trợ trình duyệt HTML5 | | Dam-mi-o Recent comment authors
  Subscribe  
newest oldest most voted
Notify of
trackback

[…] [HTML/HTML5] Phần 34: Giới thiệu về HTML5 […]