Các yếu tố HTML

Các yếu tố HTML
Một phần tử HTML thường bao gồm thẻ bắt đầu và thẻ kết thúc , với nội dung được chèn ở giữa:

< tagname > Nội dung ở đây ... < / tagname >
Phần tử HTML là mọi thứ từ thẻ bắt đầu đến thẻ kết thúc:

< p > Đoạn đầu tiên của tôi. < / p >


Các phần tử HTML không có nội dung được gọi là các phần tử trống. Các phần tử trống không có thẻ kết thúc, chẳng hạn như phần tử <br> (biểu thị ngắt dòng).

Các phần tử HTML lồng nhau
Các phần tử HTML có thể được lồng nhau (các phần tử có thể chứa các phần tử).

Tất cả các tài liệu HTML bao gồm các yếu tố HTML lồng nhau.

Ví dụ này chứa bốn thành phần HTML:

Thí dụ
<!DOCTYPE html>
<html>
<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>
</html>

Giải thích ví dụ
Phần <html>tử xác định toàn bộ tài liệu .

Nó có thẻ bắt đầu <html> và thẻ kết thúc </ html>.

Bên trong phần tử <html> là <body>phần tử.

<html>
<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>
</html>
Phần <body>tử xác định phần thân tài liệu .

Nó có thẻ bắt đầu <body> và thẻ kết thúc </ body>.

Bên trong phần tử <body> là hai phần tử HTML khác: <h1>và <p>.

<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>
Phần <h1>tử xác định một tiêu đề .

Nó có thẻ bắt đầu <h1> và thẻ kết thúc </ h1>.

Nội dung yếu tố là: Tiêu đề đầu tiên của tôi.

<h1>My First Heading</h1>
Phần <p>tử xác định một đoạn văn .

Nó có thẻ bắt đầu <p> và thẻ kết thúc </ p>.

Nội dung yếu tố là: Đoạn đầu tiên của tôi.

<p>My first paragraph.</p>

Đừng quên Thẻ kết thúc
Một số thành phần HTML sẽ hiển thị chính xác, ngay cả khi bạn quên thẻ kết thúc:

Thí dụ
<html>
<body>

<p>This is a paragraph
<p>This is a paragraph

</body>
</html>

Ví dụ trên hoạt động trong tất cả các trình duyệt, vì thẻ đóng được coi là tùy chọn.

Đừng bao giờ dựa vào điều này. Nó có thể tạo ra kết quả và / hoặc lỗi không mong muốn nếu bạn quên thẻ kết thúc.

Các phần tử HTML trống
Các phần tử HTML không có nội dung được gọi là các phần tử trống.

<br>là một phần tử trống không có thẻ đóng ( <br> thẻ xác định ngắt dòng):

Thí dụ
<p>This is a <br> paragraph with a line break.</p>

Các phần tử trống có thể được "đóng" trong thẻ mở như thế này: <br />.

HTML5 không yêu cầu các phần tử trống được đóng lại. Nhưng nếu bạn muốn xác thực chặt chẽ hơn hoặc nếu bạn cần làm cho tài liệu của mình có thể đọc được bằng các trình phân tích cú pháp XML, bạn phải đóng tất cả các phần tử HTML đúng cách.

HTML không phải là trường hợp nhạy cảm
Thẻ HTML không phân biệt chữ hoa chữ thường: <P> có nghĩa giống như <p>.

Tiêu chuẩn HTML5 không yêu cầu thẻ chữ thường, nhưng W3C khuyến nghị chữ thường trong HTML và yêu cầu chữ thường cho các loại tài liệu chặt chẽ hơn như XHTML.