HTML có nhiều sự thay da đổi thịt trong nhiều năm qua. Đa phần những thay đổi không có nhiều khác biệt, tuy nhiên đã có những cải tiến đáng ghi nhận theo dòng thời gian giúp chúng ta có những giải pháp tốt nhất trong công việc thiết kế web.
HTML5 đang trong giai đoạn thăm dò cũng đã lâu. Các trình duyệt mới bắt đầu hỗ trợ các tính năng HTML5 rộng rãi hơn và các nhà phát triển web cũng không đi theo xu hướng này.
Vậy sự khác biệt lớn nhất giữa các phiên bản HTML4, HTML5 và XHTML là gì?
Như các bạn cũng đã biết HTML là từ viết tắt của HyperText Markup Language (ngôn ngữ đánh dấu siêu văn bản) là ngôn ngữ giúp browser (trình duyệt web) biên dịch những gì cần hiển thị trên một trang web.
HTML4 dược phát triển đầu tiên bởi Tim Berners Lee vào năm 1990, HTML4 cũng là phiên bản HTML lâu đời nhất và vẫn được sử dụng cho đến ngày nay.
HTML4 có cú pháp tương dối lỏng lẻo, ví dụ thẻ đóng chỉ là tham số, khi bắt dầu thẻ văn bản, bạn có thể không cần sử dụng thẻ đóng nếu sử dụng HTML4.
Cú pháp lỏng lẻo giúp các nhà thiết kế web nghiệp dư có thể code trang web dễ dàng nhưng là một thảm họa dối với các trình duyệt, các trình duyệt luôn phải gặp khó khăn khi biên dịch chính xác HTML4 theo đúng ý đồ của các nhà phát triển web. Điều này khiến cho HTML4 không còn dược tín nhiệm.
Để sửa khiếm khuyết này, phiên bản XHTML ra đời, tuy nhiên vẫn sử dụng cơ bản HTML4 như là một tham chiếu, một phần lớn website hiện nay (2014-2015) vẫn dang sử dụng phiên bản XHTML này.
Để phân biệt, bạn có thể xem trang web ở chế độ xem nguồn bằng cách bấm nút phải trên trang và chọn “view source” hay “view page source”, bạn sẽ thấy đoạn mã này ở đầu trang:
XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
Đoạn mã này cho bạn biết trang web đang sử dụng phiên bản XHTML bằng cách khai báo loại văn bản (doctype definition – dtd) để trình duyệt biên dịch đúng.
Một số website cũ, khi xem mã nguồn bạn sẽ thấy chúng vẫn đang sử dụng HTML4
HTML 4.01 Frameset//EN” “http://www.w3.org/TR/html4/frameset.dtd”>
Vậy XHTML chính xác là gì?
XHTML là viết tắt của eXtensible Hypertext Markup Language. Nó thực sự là một phương ngữ cụ thể của XML, là một ngôn ngữ đánh dấu tổng quát. Sự khác biệt chính giữa XHTML và HTML4 là tất cả các thẻ, một khi đã mở, phải được đóng lại. . Ngoài ra còn có một số hạn chế những thẻ nào được phép lồng vào bên trong nhau. Những hạn chế này là hợp lý và bạn nên tuân thủ chúng triệt để.
Các trình duyệt sẽ làm cho không có những giả lập mà sẽ bỏ qua khi biên dịch đến các đoạn lỗi. Ngoài ra, tất cả các thẻ đều giống như HTML4. Đây là lý do tại sao XHTML bây giờ là ngôn ngữ được sử dụng bởi hầu hết các nhà phát triển web chuyên nghiệp.
HTML5
HTML5 là một tiêu chuẩn mới vẫn đang được phát triển (mặc dù đã trở nên phổ biến hơn ngày nay). HTML5 cung cấp một số tính năng mới quan trọng trong đó phản ánh cách mà chúng ta sử dụng web hiện nay (đặc biệt là sự bùng nổ trong việc sử dụng các thiết bị di động) – HTML5 được các nhà phát triển web sử dụng rộng rãi hơn và có thể làm được rất nhiều điều thú vị trên các trang web!
Tại thời điểm viết bài này, nó được hỗ trợ bởi các phiên bản mới nhất của Chrome, Firefox và Safari, và Internet Explorer.
Tuy vậy, HTML5 vẫn còn là một thuật ngữ khá lỏng lẻo và tham chiếu đến một số công nghệ liên quan. Nó có các tính năng tốt nhất của HTML4 và thêm một số thẻ (tag). Một bản tóm tắt của tất cả các thẻ mới bạn có thể được tham khảo ở đây: http://www.w3schools.com/html5/html5
Chúng tôi không có ý định giải thích tất cả các tính năng mới của HTML5 ở bài viết này, nhưng có một số thẻ đáng chú ý có thể liệt kê như sau:
- Video – HTML5 cho phép các nhà phát triển web nhúng video trực tiếp vào trang web mà không cần sử dụng thêm bất cứ plugin nào. Với HTML4 cách tốt nhất để nhúng video là sử dụng Flash – Tuy nhiên đối với HTML5 điều này không cần thiết – tính năng này rất hữu ích, nó rất hấp dẫn dối với các nhà phát triển web muốn người dùng của họ để có thể xem nội dung trang web trên cả iPhone và iPad của hãng Apple, trước đó luôn chặn Flash trên tất cả của các thiết bị di động của mình.
- Geolocation : định vị – Một tính năng quan trọng sẽ được sử dụng nhiều trong các ứng dụng web cho điện thoại di động, tính năng định vị địa lý cho phép các trang web xác định vị trí người sử dụng, hoặc bằng GPS (trong điện thoại di động, iPad, vv …), hoặc bởi IP Address (cho desktop) và cũng thông qua Wi-Fi và Bluetooth.
- Canvas – Đây tính năng mới cho hình ảnh, cho phép bạn thao tác đồ họa và hình ảnh – nó sử dụng JavaScript để giúp bạn vẽ đồ họa trên trang web. Về cơ bản đây là một tính năng thay thế Flash , bạn có thể xem ví dụ: http://html5demos.com/. Đừng quên, bạn sẽ cần một trình duyệt hỗ trợ HTML5 để xem tính năng lý thú này.
Các điểm đáng chú ý khác: DOCTYPE HTML5 dược cho là đơn giản hơn nhiều so với HTML4 / XHTML. Nếu bạn ghé thăm một trang web sử dụng HTML5 (như Apple chẳng hạn), nhấp chuột phải và chọn “View Source” hoặc “View Page Source” – bạn sẽ thấy điều này ở đầu trang:
<!doctype html>
Vậy đó! – So sánh các định nghĩa loại tài liệu XHTML đơn giản hơn nhiều!
Nguồn: Aaron Charlie – Slicon Beach Training
