HTML5 là gì? Những tính năng mới về HTML5

Trong vài năm qua, có thể bạn đã nghe người ta nói nhiều về HTML5. Nhưng rút cuộc HTML5 là gì? Những tính năng mới của HTML5 có gì hấp dẫn mà nhiều người nói đến vậy? Rõ ràng, HTML5 cũng là bước tiếp theo trong quá trình phát triển HTML, nhưng chính xác thì nó là như thế nào?

HTML5 là gì ?

HTML5 là một thế hệ tiếp theo của ngôn ngữ đánh dấu siêu văn bản – HyperText Markup Language explained (gọi tắt là HTML). Các trang web đã có rất nhiều thay đổi kể từ khi các phiên bản của HTML ra đời từ năm 1999. HTML5 vẫn còn trong giai đoạn phát triển và hoàn thiện nhưng đã có nhiều phiên bản trình duyệt mới hiện nay có các hỗ trợ cho những phần tử, thẻ mới có trong HTML5 và APIs.

HTML5 được xây dựng dựa trên các nguyên tắc khắc phục một số nhược điểm của HTML4 mặc dù nó đã làm việc rất tốt:

+ Ít phụ thuộc vào plugin cho các chức năng.

+ Scripting nên được thay thế bằng markup bất cứ lúc nào có thể.

+ Độc lập thiết bị: Ví dụ, có sẵn trên tất cả các thiết bị và cung cấp những trải nghiệm giống nhau đối với người dùng.

+ Công bố quá trình phát triển để người dùng đều có thể nhìn thấy những gì đang diễn ra.

HTML5 đã bổ sung thêm nhiều các thẻ markup mới sau đây:

+ Các thẻ <header><footer> giúp tách các phần trên và dưới của các block nội dung. Để có thể dùng nhiều lần trên 1 trang duy nhất.

+ Thẻ <article> giúp xác định 1 phần cụ thể về nội dung.

+ Thẻ <nav> giúp xác định các phần nào được coi là khối điều hướng.

+ Thẻ <section> giúp xác định 1 phần nội dung nào đó; giống như các thẻ <div> hiện nay.

+ Các thẻ <audio><video> giúp đánh dấu các nội dung gồm âm thanh hay video.

+ Thẻ <canvas> giúp vẽ đồ họa dùng 1 ngôn ngữ kịch bản riêng biệt.

+ Thẻ <embed> giúp nhúng nội dung hay những ứng dụng bên ngoài vào website.

HTML5 cũng bỏ đi một số thẻ: <acronym>, <applet>, <font>, <frame>, <frameset>, <noframes>, và một số thẻ khác.

HTML5 là gì

>> Xem thêm: Session là gì? Tại sao lại cần sử dụng session và cách phân biệt

Một số điểm mới trên HTML5

+ Giảm thiếu nhu cầu dùng các plugin bên ngoài, với HTML5, sẽ không cần đến các công nghệ độc quyền: Ngôn ngữ HTML5 ra đời nhằm mục đích giảm bớt sự phụ thuộc và cần thiết của các công nghệ ứng dụng Internet độc quyền như Adobe Flash, Microsoft Silverlight và Sun JavaFX. HTML5 cho phép bạn xem video mà không cần phải dùng đến một plugin như Flash hay Silverlight. Chức năng này của HTML5 là hoàn toàn miễn phí và không cần đến một phần mềm của bên thứ 3. Adobe Flash có thể khiến máy tính của bạn bị chậm và chiếm tài nguyên hệ thống. Trong khi HTML5 đã xây dựng sẵn tính năng video.

+ Thêm các thẻ đánh dấu mới để thay thế dần cho các mã lập trình: Ở HTML5, ngôn ngữ đánh dấu được bổ sung nhiều cái mới ở các thẻ từ thẻ tổ chức nội dung như article, aside, title… đến thẻ hỗ trợ tương tác và multimedia như video, audio… Thẻ semantic markup – thẻ có mang ngữ nghĩa – là một khái niệm mới trong HTML5. Các thẻ này có thể mang lại lợi thế khi những công cụ tìm kiếm trong tương lai tận dụng nó để phân loại kết quả. Thẻ <form> của HTML5 cũng được coi là một cải tiến lớn với Form 2.0 thì tất cả các chức năng cần thiết như định dạng, validate data… đã được xây dựng trực tiếp trong HTML5, đồng nghĩa với việc bạn không cần đến Ajax, Flash…

+ Công cụ thiết kế mới: HTML5 và CSS3 khiến cho những ứng dụng Web và các trang Web trông hấp dẫn hơn. Với các tính năng mới được thêm vào khiến cho việc thiết kế web dễ dàng hơn ví dụ như nhiều màu sắc hơn, hỗ trợ đường cong, làm mờ, góc tròn, lưu trữ offline…khiến cho website trở nên bắt mắt hơn.

+ Khả năng hoạt động xuyên suốt giữa các trình duyệt: HTML5 cung cấp các khai báo giản đơn hơn và một API mạnh mẽ hơn. Đặc tả HTML5 dài hơn đáng kể nhằm chi tiết hóa mọi hành vi để đảm bảo thống nhất giữa các trình duyệt khác nhau.

>> Xem thêm:

Dịch vụ thiết kế web bán hàng chuyên nghiệp và chuẩn SEO

CÔNG TY TNHH WEBICO

Văn phòng: Lầu 8 Mekong Tower, 235-241 Cộng Hòa, Phường 13, Quận Tân Bình, TPHCM.

Email: [email protected]

Tổng đài: 1800 6016 – Hotline: 0973.666.777

Leave a Reply

Your email address will not be published. Required fields are marked *