Xác định các phần tử HTML - các vú sữa

HTML sử dụng các từ khoá văn bản đặc biệt được gọi là phần tử để cấu trúc và kiểu trang web. Trình duyệt nhận ra một phần tử và áp dụng hiệu quả của nó nếu có ba điều kiện sau:

• Phần tử là một chữ cái, từ hoặc cụm từ có ý nghĩa đặc biệt. Ví dụ: h1 là một phần tử được trình duyệt chấp nhận để áp dụng hiệu ứng tiêu đề, với văn bản đậm và kích thước phông chữ mở rộng.

• Phần tử được gắn với một khung góc trái (<) và khung góc phải (>). Một phần tử được đóng theo cách này được gọi là thẻ (chẳng hạn như, ví dụ

  ).

• Một thẻ mở () được theo sau bởi một thẻ đóng (). Lưu ý rằng thẻ đóng khác với thẻ mở bằng cách thêm dấu gạch chéo phía sau khung đầu tiên bên trái và trước phần tử (chẳng hạn như ).

  Một số thẻ HTML tự đóng và không cần các thẻ đóng riêng biệt, chỉ là dấu gạch chéo phía trước trong thẻ mở.

Khi cả ba điều kiện đều được đáp ứng, văn bản giữa các thẻ mở và đóng được tạo kiểu với hiệu ứng được xác định của thẻ. Nếu ngay cả một trong những điều kiện này không được đáp ứng, trình duyệt chỉ hiển thị văn bản thuần túy.

Đây là một tiêu đề lớn với cả ba điều kiện

h1 Đây là văn bản mà không có dấu hiệu xung quanh thẻ / h1 Đây là văn bản có thẻ không có ý nghĩa đối với trình duyệt Đây là văn bản thông thường
Bạn có thể thấy trình duyệt sẽ hiển thị mã này ở đây như thế nào.

Trình duyệt nhận ra các yếu tố h1.

Phần tử h1 được bao quanh bởi khung trái (<) và khung góc phải (>).

• Thẻ mở (

• ) được theo sau bởi văn bản và sau đó là thẻ đóng (

• ).

  Chú ý cách thẻ h1 không hiển thị trong tiêu đề. Trình duyệt sẽ không bao giờ hiển thị văn bản thực tế của một phần tử trong một thẻ HTML được định dạng đúng.

  Các dòng còn lại của mã hiển thị dưới dạng văn bản thuần túy vì chúng đều thiếu một trong các điều kiện. Trên dòng thứ hai của mã, thẻ

thiếu dấu ngoặc trái và phải, điều này vi phạm điều kiện thứ hai.

Dòng thứ ba của mã vi phạm điều kiện đầu tiên vì rockstar không phải là một phần tử HTML được công nhận. Cuối cùng, dòng thứ tư của mã sẽ hiển thị dưới dạng văn bản thuần vì không có thẻ mở trước văn bản và không có thẻ đóng theo văn bản vi phạm điều kiện thứ ba.

Tất cả các khung góc trái phải được theo sau khi phần tử có một khung góc bên phải. Ngoài ra, mỗi thẻ HTML mở phải được theo sau với một thẻ HTML đóng. Hơn 100 yếu tố HTML tồn tại.

HTML là một ngôn ngữ tha thứ và có thể áp dụng hiệu quả ngay cả khi bạn thiếu các mẩu mã, giống như một thẻ đóng. Tuy nhiên, nếu bạn để lại trong quá nhiều lỗi, trang của bạn sẽ không hiển thị chính xác.