HTML guides

Trang này liệt kê các hướng dẫn sử dụng HTML.

Content categories

Hầu hết các phần tử HTML đều thuộc một hoặc nhiều danh mục nội dung — các danh mục này nhóm các phần tử có chung đặc điểm. Đây là một nhóm lỏng lẻo (nó không thực sự tạo ra mối quan hệ giữa các phần tử trong các danh mục này), nhưng chúng giúp xác định và mô tả hành vi chung của các danh mục và các quy tắc liên quan. Một phần tử có thể không thuộc bất kỳ danh mục nào trong số này.

HTML cheatsheet for syntax and common tasks

While using HTML it can be very handy to have an easy way to remember how to use HTML tags properly and how to apply them. MDN provides you with extended HTML reference documentation as well as a deep instructional set of HTML guides. However, in many cases we just need some quick hints as we go. That's the whole purpose of the cheat sheet, to give you some quick accurate ready to use code snippets for common usages.

Understanding quirks and standards modes

Trong những ngày đầu của web, các trang thường được viết theo hai phiên bản: Một phiên bản dành cho Netscape Navigator và một phiên bản dành cho Microsoft Internet Explorer. Khi các tiêu chuẩn web được tạo ra tại W3C, các trình duyệt không thể chỉ bắt đầu sử dụng chúng ngay, vì làm như vậy sẽ phá vỡ hầu hết các trang web hiện có. Do đó, các trình duyệt đã giới thiệu hai chế độ để xử lý các trang web tuân thủ tiêu chuẩn mới khác với các trang web kế thừa cũ.

Using date and time formats in HTML

Certain HTML elements use date and/or time values. The formats of the strings that specify these values are described in this article.

Using HTML comments <!-- … -->

An HTML comment is used to add explanatory notes to the markup or to prevent the browser from interpreting specific parts of the document.

Using HTML form validation and the Constraint Validation API

Việc tạo biểu mẫu web luôn là một tác vụ phức tạp. Trong khi việc đánh dấu bản thân biểu mẫu thì dễ dàng, việc kiểm tra xem mỗi trường có giá trị hợp lệ và nhất quán hay không thì khó hơn, và việc thông báo cho người dùng về vấn đề có thể trở thành một bài toán đau đầu. HTML5 đã giới thiệu các cơ chế mới cho biểu mẫu: nó đã thêm các loại ngữ nghĩa mới cho phần tử input và constraint validation để dễ dàng kiểm tra nội dung biểu mẫu ở phía client. Các ràng buộc cơ bản, thông thường có thể được kiểm tra mà không cần JavaScript, bằng cách đặt các thuộc tính mới; các ràng buộc phức tạp hơn có thể được kiểm tra bằng cách sử dụng Constraint Validation API.

Using microdata in HTML

Microdata là một phần của WHATWG HTML Standard và được sử dụng để lồng metadata vào nội dung hiện có trên các trang web. Các công cụ tìm kiếm và web crawler có thể trích xuất và xử lý microdata từ một trang web và sử dụng nó để cung cấp trải nghiệm duyệt web phong phú hơn cho người dùng. Các công cụ tìm kiếm được hưởng lợi rất nhiều từ việc truy cập trực tiếp vào dữ liệu có cấu trúc này vì nó cho phép các công cụ tìm kiếm hiểu thông tin trên các trang web và cung cấp kết quả phù hợp hơn cho người dùng. Microdata sử dụng từ vựng hỗ trợ để mô tả một item và các cặp tên-giá trị để gán giá trị cho các thuộc tính của nó. Microdata là một nỗ lực cung cấp cách khai báo để chú thích các phần tử HTML bằng các thẻ có thể đọc được bởi máy tính hơn so với các cách tiếp cận tương tự khi sử dụng RDFa và microformats cổ điển.

Using microformats in HTML

Microformats là các tiêu chuẩn được sử dụng để nhúng ngữ nghĩa và dữ liệu có cấu trúc vào HTML, và cung cấp một API để sử dụng bởi các ứng dụng web xã hội, công cụ tìm kiếm, bộ tổng hợp và các công cụ khác. Các mẫu HTML tối thiểu này được sử dụng để đánh dấu các thực thể từ thông tin cơ bản đến thông tin theo lĩnh vực cụ thể, như người, tổ chức, sự kiện và địa điểm.

Using responsive images in HTML

In this article, we'll learn about the concept of responsive images — images that work well on devices with widely differing screen sizes, resolutions, and other such features — and look at what tools HTML provides to help implement them. This helps to improve performance across different devices.