Giới thiệu về HTML5

HTML5 có gì mới? Khai báo DOCTYPE trong HTML5 rất đơn giản. < !DOCTYPE html > Khai báo bảng mã kí tự (charset) cũng rất đơn giản. Bảng kí tự mặc định là UTF-8. < meta charset ="UTF-8"> Ví dụ về HTML5 < ...

HTML5 có gì mới?

Khai báo DOCTYPE trong HTML5 rất đơn giản.

<!DOCTYPE html>

Khai báo bảng mã kí tự (charset) cũng rất đơn giản. Bảng kí tự mặc định là UTF-8.

<meta charset="UTF-8">

Ví dụ về HTML5

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Quản trị mạng</title>
</head>

<body>
 Quản trị mạng là trang thủ thuật công nghệ...
</body>

</html>

Các phần tử mới trong HTML5

Dưới đây là những phần tử mới thú vị nhất trong HTML5. Trong bài học sau, bạn sẽ biết cách “dạy” các trình duyệt cũ xử lý những phần tử mới chưa được biết đến trong HTML5.

  • Phần tử cú pháp như <header>, <footer>, <article> và <section>
  • Thuộc tính mới của phần tử form như số, ngày, giờ, lịch, khoảng giá trị.
  • Phần tử đồ họa mới như <svg> và <canvas>
  • Phần tử đa phương tiện như <audio> và <video>

Các API mới trong HTML5

Những API (Application Programming Interfaces - Giao diện lập trình ứng dụng) mới thú vị nhất trong HTML5 là:

  • HTML Geolocation
  • HTML Drag and Drop
  • HTML Local Storage
  • HTML Application Cache
  • HTML Web Workers
  • HTML SSE

Các phần tử bị loại bỏ trong HTML5

Những phần tử dưới đây trong HTML4 đã bị loại bỏ trong HTML5.

Phần tử bị loại bỏ Thay thế bằng
<acronym> <abbr>
<applet> <object>
<basefont> CSS
<big> CSS
<center> CSS
<dir> <ul>
<font> CSS
<frame>  
<frameset>  
<noframes>  
<strike> CSS, <s>, or <del>
<tt> CSS

Lịch sử HTML

Từ những ngày đầu từ World Wide Web tới giờ đã có rất nhiều phiên bản của HTML.

Năm  Phiên bản
1989 Tim Berners-Lee phát minh ra www
1991 Tim Berners-Lee phát minh ra HTML
1993 Dave Raggett phác thảo bản HTML+
1995 HTML Working Group định nghĩa HTML 2.0
1997 W3C giới thiệu HTML 3.2
1999 W3C giới thiệu HTML 4.01
2000 W3C giới thiệu XHTML 1.0
2008 WHATWG lần đầu ra mắt dự thảo HTML5
2012 WHATWG phát hành HTML5 Living Standard
2014 W3C giới thiệu HTML5
2016 W3C Candidate giới thiệu HTML 5.1

- Từ năm 1991 tới 1999, HTML đã phát triển từ phiên bản 1 tới 4. Vào năm 2000, tổ chức W3C (World Wide Web Consortium) ra mắt XHTML 1.0 với cú pháp chặt chẽ, buộc các nhà phát triển phải viết code đúng quy cách, hợp lệ.

- Vào năm 2004, W3C quyết định ngưng phát triển HTML và chuyển sang XHTML.

- Năm 2004, WHATWG (Web Hypertext Applicetion Technology Working Group) được thành lập. Họ muốn phát triển HTML đồng nhất với cách sử dụng web.

- Năm 2004 tới 2006, WHATWG được nhiều trình duyệt lớn hỗ trợ.

- Năm 2006, W3C tuyên bố họ cũng hỗ trợ WHATWG.

- Năm 2008, bản phác thảo HTML5 đầu tiên được công bố rộng rãi.

- Năm 2012, WHATWG và W3C quyết định phân tách.

WHATWG muốn phát triển HTML như một “chuẩn sống” (living standard) luôn được cập nhật và cải thiện. Các tính năng mới được thêm còn tính năng cũ không bị xóa bỏ. WHATWG HTML5 Living Standard được phát hành năm 2012 và vẫn tiếp tục được cập nhật.

W3C lại muốn phát triển một chuẩn HTML5 và XHTML duy nhất. Bản HTML5 của W3C được phát hành vào 28/10/2014. Họ cũng phát hành HTML 5.1 Candidate Recommendation vào 21/6/2016.

Bài trước: Các thuộc tính của phần tử input trong HTML 

Bài sau: Hỗ trợ HTML5 trên các trình duyệt

Bài liên quan

Giới thiệu về HTML5

HTML5 có gì mới? Khai báo DOCTYPE trong HTML5 rất đơn giản. < !DOCTYPE html > Khai báo bảng mã kí tự (charset) cũng rất đơn giản. Bảng kí tự mặc định là UTF-8. < meta charset ="UTF-8"> Ví dụ về HTML5 < ...

Tạ Quốc Bảo viết 11:23 ngày 22/08/2018

Giới thiệu về HTML5 Canvas

HTML5 Canvas là gì? Element Canvas được xác định trong HTML bởi thuộc tính awidth và height . Tuy vậy, để làm việc với nó ta cần viết Javascript code để thông qua Canvas API truy cập đến vùng canvas đã được tạo để vẽ lên đó. Đâu là lý do ta nên bắt đầu tìm hiểu canvas? Tính tương tác : ...

Hoàng Hải Đăng viết 15:51 ngày 12/08/2018

Giới thiệu về Canvas trong HTML5

HTML5 Canvas là gì? Khái quát về Canvas trong HTML5 Khi làm việc về web, các thẻ HTML ta không còn xa lạ nữa như: a, ul, li, div, span... Với HTML5 chúng sẽ làm làm quen với với 1 thẻ mới đó là Canvas, thẻ này trên HTML thì không khác so với các thẻ khác nhưng khác chủ yếu ở phần Javascript . ...

Trịnh Tiến Mạnh viết 13:43 ngày 12/08/2018

[Network] Giới thiệu về PfSense

Để bảo vệ hệ thống mạng thì ta có nhiều giải pháp như sử dụng router cisco, dùng firewall cứng, firewall mềm của microsoft như ISA … Những thiết bị như trên rất tốn kinh phí vì vậy đối với các doanh nghiệp vừa và nhỏ thì giải pháp firewall mềm mã nguồn mở là một phương án hiệu quả. Pfsense ...

Bùi Văn Nam viết 23:12 ngày 11/08/2018

Giới thiệu về knockout js ( Phần 1)

Giới thiệu chung Mô hình của Knockout js(MVVM) Hướng dẫn cài đặt Observables trong Knockout js Giới thiệu chung Knockout(KO) là một thư viện của Javascript, nó giúp bạn tạo, hiển thị hay hiệu chỉnh User Interface(UI) với một data model được định nghĩa sẵn. Bất cứ khi nào bạn có phần ...

Bùi Văn Nam viết 22:57 ngày 11/08/2018
0