Bước tiến vượt trội của thiết kế web với HTML5

HTML5 là một sự hợp tác giữa W3C và Nhóm công nghệ ứng dụng siêu văn bản Web, chuẩn hóa nhiều khác biệt trong thiết kế và hiển thị website trước đây. Hãy tìm hiểu về sự "tiến hóa" của HTML và ý nghĩa của HTML5 trong bài viết này.

• Hướng dẫn cơ bản về CSS cho người mới bắt đầu
• HTML (Hyper Text Markup Language) là gì? HTML được sử dụng làm gì?
• Bật mí cẩm nang học lập trình web hiệu quả nhanh
• Học lập trình web bắt đầu từ đâu sẽ mang lại hiệu quả tốt?
• Cách sử dụng Phần tử giả (Pseudo-element) trong CSS

HTML được tạo ra bởi Tim Berners-Lee, một nhà vật lý học của trung tâm nghiên cứu CERN ở Thụy Sĩ. Hiện nay, HTML đã trở thành một chuẩn Internet được tổ chức W3C (World Wide Web Consortium) vận hành và phát triển.  Phiên bản đầu tiên của HTML xuất hiện năm 1991, gồm 18 tag HTML. Phiên bản HTML 4.01 được xuất bản năm 1999. Sau đó, các nhà phát triển đã thay thế HTML bằng XHTML vào năm 2000.

Đến năm 2014, HTML được nâng cấp lên chuẩn HTML5 giúp diễn đạt tốt hơn nội dung của trang web và trở thành một bước tiến vượt trội trong thiết kế web hiện nay. 

HTML là gì

HTML là viết tắt của Hyper Text Markup Language – ngôn ngữ đánh dấu siêu văn bản. Không giống như lập trình ngôn ngữ, thay vào đó chúng là những ngôn ngữ đặc biệt sử dụng thẻ để chú thích hoặc đánh dấu tài liệu. Trong HTML, các thẻ cho các trình duyệt nơi bạn muốn đặt tiêu đề, hình ảnh, danh sách, liên kết, v.v. Một tập tin HTML là một loại tập tin đặc biệt. 

Để hiểu rõ hơn, có thể lấy một ví dụ đơn giản: Bất cứ khi nào bạn mở một tập tin có đánh dấu bằng đuôi .doc, máy tính của bạn biết để mở nó trong Microsoft Word. Nếu bạn thấy một tập tin với đuôi .ppt máy tính của bạn biết đó là một tập tin Power Point, tôi nên mở nó trong Power Point. Trong cùng một cách, khi máy tính nhìn thấy tệp.html, nó biết rằng sẽ cần mở tệp trong một trình duyệt internet như Chrome, Firefox hoặc Safari. Trình duyệt của bạn có thể đọc tập tin này và nó biết làm thế nào để hiển thị nó trên màn hình. 

Hơn thế nữa, các thẻ tệp HTML cũng cho phép bộ đọc màn hình và các thiết bị hỗ trợ khác sử dụng các thẻ để trình bày thông tin theo những cách mới và đặc biệt. 

Cuộc chiến của các trình duyệt

Những năm đầu, HTML giống như một cách để kết nối điện tử các tài liệu khác nhau thông qua các siêu liên kết. Các nhà khoa học đã sử dụng Internet để liệt kê các bài nghiên cứu khác nhau của họ, và HTML giúp liên kết. 

Những độc giả đầu tiên sử dụng HTML – các nhà khoa học – có xu hướng không quan tâm đến những thứ như màu sắc, hình ảnh, hay bất cứ thứ gì không liên quan đến khoa học. HTML được dự định để làm việc trên bất kỳ nền tảng nào, tránh những thứ như phông chữ đặc biệt, màu sắc khác nhau. 

Tuy nhiên, vào năm 1993 Mosaic nổi lên như là trình duyệt đồ họa đầu tiên. Đã có rất nhiều cuộc tranh luận trong cộng đồng nghiên cứu về việc trình duyệt đồ họa có phải là điều tốt hay không. Những người tiên phong thực sự muốn giữ nội dung đơn giản như HTML ban đầu, cho phép mọi người truy cập nó. Một số lại thích hình ảnh, bố cục, màu sắc… cũng nhiều như thích nội dung. Sau khi Mosaic nổi lên, việc sử dụng Internet hoàn toàn bùng nổ, và ngày càng có nhiều người sử dụng nó cho các phương tiện thương mại, thay vì chỉ để nghiên cứu. 

Đây là sự khởi đầu của “cuộc chiến” giữa các trình duyệt. Mỗi trình duyệt đều muốn tạo ra các thẻ độc quyền chỉ hoạt động trên trình duyệt của họ, chẳng hạn như tag, nhấp nháy chỉ trên một số trình duyệt mà trình duyệt khác sẽ không hiển thị. Một số thẻ có thể hoạt động trên mọi trình duyệt nhưng đi ngược lại tinh thần ban đầu của HTML, như là thay đổi các dạng font chữ, vị trí, màu nền… 

Một số máy tính không hỗ trợ đủ để hiện ra tất cả những thẻ này. Một số trang trông xấu xí. Một số trang web ngay khi truy cập sẽ thông báo rằng người đọc nên xem trang web trên trình duyệt nào để có được trải nghiệm tối ưu. Một số trang không thể thực sự truy cập nội dung đầy đủ nếu bạn đang sử dụng điện thoại, trừ khi bạn nhấp vào liên kết đến trang web đầy đủ. 

Sự ra đời của HTML5

Một số nhóm đã cố gắng giúp chuẩn hóa những khác biệt này. HTML5 là một sự hợp tác giữa W3C và Nhóm công nghệ ứng dụng siêu văn bản Web, và những gì họ đã làm là thiết lập bốn hướng dẫn cho cách HTML5 nên được tiếp cận. Ý tưởng đầu tiên là các tính năng mới nên được dựa trên HTML , CSS là ngôn ngữ ký hiệu, DOM và JavaScript. Loại bỏ mã và chỉ cần tạo một thẻ đơn giản có thể làm điều đó thay vào đó. Cuối cùng, HTML5 độc lập với thiết bị. Không quan trọng cho dù bạn đang sử dụng điện thoại, máy tính xách tay, PC hay thậm chí trên bộ đọc màn hình. 

Những thay đổi này giúp đồng bộ các nội dung hiển thị trên web, mang lại trải nghiệm tốt hơn cho người dùng, không phân biệt trình duyệt hay loại thiết bị. Tất cả mọi người cùng có quyền truy cập vào thông tin dù sử dụng thiết bị nào, trình duyệt nào.

Muốn hiểu thêm về kiến thức thiết kế và xây dựng website – đăng ký khóa học Xây dựng website đầu tiên tại FUNiX ngay để học tập.

Nguyên Chương (tổng hợp)