Các quy tắc cơ bản của HTML5

HTML5 có thể được gọi là "cách tiếp cận thông tin thông qua thiết kế" do nó kết hợp yếu tố cơ bản về lập bản đồ thông tin, phân chia và ghi nhãn thông tin giúp dễ dàng sử dụng và hiểu thông tin. Đây là nền tảng của tiện ích ngữ nghĩa và thẩm mỹ gây ấn tượng sâu sắc của HTML5. HTML5 cung cấp khả năng xuất bản tất cả mọi thứ trên thế giới từ nội dung văn bản đơn giản đến đa phương tiện phong phú, tương tác cho các nhà thiết kế và các nhà phát triển ở mọi trình độ. Nó tuân theo các quy tắc cơ bản của HTML5 sau

Các thẻ mới trong HTML5 có tính hấp dẫn cao, bao gồm cả vai trò và cách sử dụng của chúng. Các phiên bản trước của HTML thường dùng các thẻ không có gì nổi bật cả. Tuy nhiên, HTML5 có các nhãn trực quan, có khả năng mô tả cao. Nó cung cấp các nhãn nội dung phong phú ngay lập tức xác định nội dung. Ví dụ, thẻ <div> đã được bổ sung bằng các thẻ <section> và <article>. Ngoài ra các thẻ <video>, <audio>, <canvas>, và <figure> cũng đưa ra sự mô tả chính xác hơn về các kiểu nội dung cụ thể.

HTML5 cung cấp

Các thẻ mô tả chính xác những gì chúng được thiết kế để chứa đựng.
Tăng cường khả năng truyền thông trên mạng.
Cải thiện khả năng lưu trữ chung.
Các trình làm việc trên nền Web (Web Workers) để chạy các quá trình nền.
Giao diện WebSocket để thiết lập kết nối liên tục giữa các ứng dụng cư trú và máy chủ.
Truy vấn dữ liệu đã được lưu trữ tốt hơn.
Cải thiện tốc độ nạp và lưu trang.
Hỗ trợ cho CSS3 để quản lý giao diện người dùng đồ họa (GUI), có nghĩa là HTML5 có thể được định hướng nội dung.
Cải thiện xử lý biểu mẫu trình duyệt.
Một API cơ sở dữ liệu dựa trên-SQL cho phép lưu trữ cục bộ, phía máy khách..
Canvas và video, để thêm đồ họa và video mà không cần cài đặt các plug-in của bên thứ ba.
Đặc tả Geolocation API (API định vị toàn cầu), sử dụng khả năng định vị của máy điện thoại thông minh để kết hợp các dịch vụ và các ứng dụng đám mây di động.
Các biểu mẫu cải tiến làm giảm nhu cầu phải tải về mã JavaScript, cho phép truyền thông hiệu quả hơn giữa các thiết bị di động và các máy chủ điện toán đám mây

Vùng Header

Vùng Header ví dụ chứa tiêu đề và phụ đề trang. Bạn sử dụng thẻ <header> để tạo ra nội dung cho vùng Header của trang. Thẻ <header> có thể chứa thông tin mở về một <section> và <article> ngoài chính trang web đó. Trang web được tạo ra ở đây có một vùng Header cho trang này, được hiển thị trong thiết kế cao cấp, cũng như vùng Header ở bên trong vùng Article và Section. Liệt kê 1 đưa ra một ví dụ đánh dấu thẻ <header>.

Liệt kê 1. Ví dụ thẻ <header>

<h1>Heading Text</h1>

<p> Text or images can be included here</p>

<p> Logos are frequently placed here too</p>

</header>

Thẻ <header> cũng có thể chứa một thẻ <hgroup>, như trong Liệt kê 2. Thẻ <hgroup> tạo nhóm các tiêu đề với nhau, bằng cách sử dụng các mức tiêu đề <h1> đến <h6> được hiển thị ở đây có một tiêu đề chính (Main Heading) và một phụ đề (Sub-heading).

Liệt kê 2. Ví dụ thẻ <hgroup>

<h1>Main Heading</h1>

<h2>Sub-heading </h2>

</hgroup>

<p> Text or images can be included here</p>

</header>

Vùng Navigation

Bạn tạo vùng Navigation (Chuyển hướng) của trang bằng cách sử dụng thẻ <nav>. Phần tử <nav> định nghĩa một vùng đặc biệt dành cho việc chuyển hướng. Thẻ <nav> nên được sử dụng để chuyển hướng trang web chính, không dùng để thiết lập các liên kết có chứa trong các vùng khác của trang. Vùng Navigation này có thể chứa mã như được hiển thị trong Liệt kê 3.

Liệt kê 3. Ví dụ thẻ <nav>

<nav>

<ul>

<li><a href="#">About Us</a></li>

<li><a href="#">Our Products</a></li>

<li><a href="#">Contact Us</a></li>

</ul>

</nav>

Bài viết do Tủ chậu cao cấp Thái Nguyên sưu tầm