Thiết Kế Web

Giới thiệu cơ bản về HTML5

Thiết kế web – Lâu rồi mình không viết bài bên phần thiết kế layout web các bạn thông cảm nhé, vì lý do mình đang viết bài bên phần Lập trình php. Hôm nay mình sẽ bắt đầu những …

Thiết kế web – Lâu rồi mình không viết bài bên phần thiết kế layout web các bạn thông cảm nhé, vì lý do mình đang viết bài bên phần Lập trình php. Hôm nay mình sẽ bắt đầu những bài giới thiệu cũng như hướng dẫn các bạn về HTL5 và CSS3 nhé. Bài đầu tiền chắc chắn là sẽ giới thiệu cơ bản về HTML5 để các bạn có thể nắm rõ được các kiến thức ban đầu.

Cai-tien-HTML-thanh-HTML5-de-tot-cho-seo

HTML5 Là Gì?

HTML5 là một ngôn ngữ cấu trúc và trình bày nội dung cho World Wide Web và sẽ là công nghệ cốt lõi của Internet trong tương lai không xa, được đề xuất đầu tiên bởi Opera Software. Đây là phiên bản thứ 5 của ngôn ngữ HTML và hiện tại vẫn đang được phát triển bởi World Wide Web Consortium và WHATWG. Mục tiêu cốt lõi khi thiết kế ngôn ngữ là cải thiện khả năng hỗ trợ cho đa phương tiện mới nhất trong khi vẫn giữ được việc con người và các thiết bị, các chương trình máy tính như trình duyệt web, trình đọc màn hình, v.v.. có thể đọc, hiểu, hay xử lý một cách dễ dàng. HTML5 vẫn sẽ giữ lại những đặc điểm cơ bản của HTML4 và bổ sung thêm các đặc tả nổi trội của XHTML, DOM, đặc biệt là JavaScript.

Là phiên bản tiếp sau của HTML 4.01 và XHTML 1.1, HTML5 là một phản ứng để đáp lại lời phê bình rằng HTML và XHTML được sử dụng phổ biến trên World Wide Web là một hỗn hợp các tính năng với các thông số kĩ thuật khác nhau, được giới thiệu bởi nhiều nhà sản xuất phần mềm ví dụ Adobe, Sun Microsystems, Mozilla, Apple, Google,… và có nhiều lỗi cú pháp trong các văn bản web. Đây là một nỗ lực để tạo nên một ngôn ngữ đánh dấu có thể được viết bằng cú pháp HTML hoặc XHTML. Nó bao gồm các mô hình xử lý chi tiết để tăng tính tương thích, mở rộng, cải thiện và hợp lý hóa các đánh dấu có sẵn cho tài liệu, đưa ra các đánh đấu mới và giới thiệu giao diện lập trình ứng dụng (application programming interfaces API) để tạo ra các ứng dụng Web phức tạp. Cùng một lý do như vây, HTML5 là một ứng cử viên tiềm năng cho nền tảng ứng dụng di động. Nhiều tính năng của HTML5 được xây dựng với việc xem xét chúng có thể sử dụng được trên các thiết bị di động như điện thoại thông minh và máy tính bảng hay không.

Vậy có gì mới trong HTML5?

  • Các phần tử dạng khối(block elements)
    • <header>, <footer>: Bạn sẽ không còn cần thiết phải tạo các ID cho phần header và footer vì đã có các thẻ được định nghĩa trước này.
    • <article>: Đánh dấu một bài viết, một comment hoặc một thông báo.
    • <aside>: Đánh dấu nội dung ngoài lề của một trang web, ví dụ như một sidebar.
    • <nav>: Thanh điều hướng hoặc menu giờ có thể được đặt trong thẻ này, nó sẽ tự động tạo ra cho bạn một danh sách trông giống như một thanh điều hướng thực sự.
    • <section>: Với cặp thẻ này, bạn có thể định nghĩa bất kỳ phân vùng nào trên trang web của mình. Nó cũng khá giống so với thẻ <div>.
  • Các phần tử nội tuyến(inline elements)
    • <mark>
    • <time>
    • <meter>
    • <progress>
  • Các kiểu input trong form
    • datetime
    • datetime-local
    • date
    • month
    • week
    • time
    • number
    • range
    • email
    • url
  • <canvas>: Kết hợp với Javascript, tạo một vùng có thể vẽ đồ họa.
  • <video>,<audio>: Đính kèm video hoặc âm thanh.

Trong series hướng dẫn này, chúng ta sẽ chỉ làm quen với một vài tính năng hữu ích và được sử dụng phổ biến nhất hiện nay của HTML5. Bài này chúng ta sẽ dừng lại ở đây, các bạn nhớ xem các bạn sau để tìm hiểu tiếp nhé. Chúc các bạn thành công!

Thẻ:, , , , , ,
comments powered by Disqus
Powered by HTH Company