Định nghĩa chính xác của phần tử HTML là gì?

Phần tử HTML là một thành phần riêng lẻ của tài liệu HTML. Nó đại diện cho ngữ nghĩa, hoặc ý nghĩa. Ví dụ: phần tử title đại diện cho tiêu đề của tài liệu

Hầu hết các phần tử HTML được viết bằng thẻ bắt đầu (hoặc thẻ mở) và thẻ kết thúc (hoặc thẻ đóng), với nội dung ở giữa. Các phần tử cũng có thể chứa các thuộc tính xác định các thuộc tính bổ sung của nó. Ví dụ: một đoạn văn được đại diện bởi phần tử p sẽ được viết là

Chúng ta sẽ tìm hiểu về các thuộc tính HTML trong chương tiếp theo

Ghi chú. Tất cả các phần tử không yêu cầu phải có thẻ kết thúc hoặc thẻ đóng. Chúng được gọi là phần tử trống, phần tử tự đóng hoặc phần tử void

Về mặt kỹ thuật, một phần tử HTML là tập hợp thẻ bắt đầu, thuộc tính của nó, thẻ kết thúc và mọi thứ ở giữa. Mặt khác, thẻ HTML (mở hoặc đóng) được sử dụng để đánh dấu điểm bắt đầu hoặc kết thúc của một phần tử, như bạn có thể thấy trong hình minh họa ở trên

Tuy nhiên, trong cách sử dụng phổ biến, thuật ngữ phần tử HTML và thẻ HTML có thể hoán đổi cho nhau. e. một thẻ là một yếu tố là một thẻ. Để đơn giản hóa trang web này, các thuật ngữ "thẻ" và "phần tử" được sử dụng để chỉ cùng một thứ — vì nó sẽ xác định điều gì đó trên trang web của bạn

Phân biệt chữ hoa chữ thường trong các thẻ và thuộc tính HTML

Trong HTML, tên thẻ và thuộc tính không phân biệt chữ hoa chữ thường (nhưng hầu hết các giá trị thuộc tính đều phân biệt chữ hoa chữ thường). Nó có nghĩa là thẻ

và thẻ

định nghĩa điều tương tự trong HTML đó là một đoạn văn

Nhưng trong XHTML chúng phân biệt chữ hoa chữ thường và thẻ

khác với thẻ

.

This is a paragraph.
This is also a valid paragraph.

Mẹo. Chúng tôi khuyên bạn nên sử dụng chữ thường cho thẻ và tên thuộc tính trong HTML, vì bằng cách này, bạn có thể làm cho tài liệu của mình phù hợp hơn để nâng cấp trong tương lai

Phần tử HTML trống

Phần tử rỗng (còn được gọi là phần tử tự đóng hoặc phần tử trống) không phải là thẻ vùng chứa — điều đó có nghĩa là bạn không thể viết

Một ví dụ điển hình của phần tử trống, là phần tử

This paragraph contains 
 a line break.

This paragraph contains 
 a line break.

This paragraph contains 
 a line break.

This paragraph contains 
 a line break.

This paragraph contains 
 a line break.

This paragraph contains 
 a line break.

Ghi chú. Trong HTML, phần tử tự đóng được viết đơn giản là

This paragraph contains 
 a line break.

This paragraph contains 
 a line break.

Các phần tử HTML lồng nhau

Hầu hết các phần tử HTML có thể chứa bất kỳ số lượng phần tử nào khác (ngoại trừ ), lần lượt, được tạo thành từ các thẻ, thuộc tính và nội dung hoặc các phần tử khác

Ví dụ sau đây cho thấy một số phần tử được lồng bên trong

yếu tố

Here is some bold text.
Here is some emphasized text.
Here is some highlighted text.

Mẹo. Đặt một phần tử bên trong một phần tử khác được gọi là lồng. Phần tử lồng nhau, còn được gọi là phần tử con, cũng có thể là phần tử cha nếu các phần tử khác được lồng bên trong nó

Các thẻ HTML phải được lồng vào nhau theo đúng thứ tự. Chúng phải được đóng theo thứ tự ngược với cách chúng được xác định, điều đó có nghĩa là thẻ cuối cùng được mở phải được đóng trước

These tags are nested properly.
These tags are not nested properly.

Viết bình luận trong HTML

Bình luận thường được thêm vào với mục đích giúp mã nguồn dễ hiểu hơn. Nó có thể giúp nhà phát triển khác (hoặc bạn trong tương lai khi bạn chỉnh sửa mã nguồn) hiểu bạn đang cố gắng làm gì với HTML. Bình luận không hiển thị trên trình duyệt

Nhận xét HTML bắt đầu bằng , như trong ví dụ bên dưới

This is a normal piece of text.

Bạn cũng có thể nhận xét một phần mã HTML của mình cho mục đích gỡ lỗi, như được hiển thị ở đây

Các loại phần tử HTML

Các yếu tố có thể được đặt trong hai nhóm riêng biệt. và các yếu tố. Cái trước tạo nên cấu trúc của tài liệu, trong khi cái sau tạo nên nội dung của một khối

Ngoài ra, một phần tử khối chiếm 100% chiều rộng có sẵn và nó được hiển thị với dấu ngắt dòng trước và sau. Trong khi đó, một phần tử nội tuyến sẽ chỉ chiếm nhiều dung lượng mà nó cần