Đối với hầu hết các phần tử HTML, khi bạn đang viết mã HTML để hiển thị chúng trên một trang, bạn bắt đầu bằng một thẻ mở và kết thúc bằng một thẻ đóng. Giữa hai thẻ đó sẽ là nội dung của phần tử. Ví dụ:
Đây là nội dung văn bản p>
Phần tử đoạn đơn giản này cho thấy cách mở và một thẻ đóng sẽ được sử dụng. Hầu hết các phần tử HTML đều theo cùng một mẫu này, nhưng có một số thẻ HTML không có cả thẻ mở và thẻ đóng.
Một yếu tố Void là gì?
Các phần tử void hoặc thẻ singleton trong HTML là các thẻ không yêu cầu thẻ đóng để hợp lệ. Những yếu tố này thường là những phần tử độc lập trên trang hoặc nơi kết thúc nội dung của chúng hiển nhiên từ ngữ cảnh của trang.
Danh sách các yếu tố biến đổi HTML
Có một số thẻ HTML 5 là các phần tử void. Khi bạn viết HTML hợp lệ, bạn nên bỏ dấu gạch chéo cho các thẻ này - đây là những gì được hiển thị bên dưới. Nếu bạn đang viết XHTML, dấu gạch chéo sẽ là bắt buộc.
- được sử dụng cho khu vực bên trong bản đồ hình ảnh
- URL cơ sở cho tất cả các URL tương đối trong tài liệu. Không thể có nhiều hơn 1 trong số này cho mỗi tài liệu và nó phải nằm trong
- đây là ngắt dòng, thường được sử dụng trong nội dung văn bản để tạo một ngắt dòng thay vì một đoạn văn. Điều này không nên được sử dụng để tạo tách hình ảnh trên một trang bằng cách xếp chồng nhiều thẻ
vì đó là nhu cầu hình ảnh và do đó miền CSS
- xác định các thuộc tính cột cho mỗi cột trong một phần tử - chỉ định một lệnh mà người dùng có thể gọi
- quy tắc ngang, là một đường thẳng trên một trang. Trong nhiều trường hợp, đường viền CSS được sử dụng để tạo các đường phân tách thay vì phần tử HTML này
- một trong các phần tử workhorse của HTML, đây là thẻ hình ảnh. Nó được sử dụng để thêm hình ảnh đồ họa vào một trang web.
- một phần tử biểu mẫu được sử dụng để thu thập thông tin từ khách truy cập. Có một số loại đầu vào hợp lệ, từ đầu vào "văn bản" phổ biến đã được sử dụng trong biểu mẫu trong nhiều năm, với một số loại đầu vào mới là một phần của HTML5
- điều này được sử dụng để ra lệnh một trường máy phát ghép khóa được sử dụng cho biểu mẫu - không được nhầm lẫn với thẻ "siêu liên kết" hoặc neo (), liên kết này là đặt linage giữa tài liệu và tài nguyên bên ngoài. Bạn sẽ sử dụng nó để liên kết đến một tệp CSS bên ngoài, ví dụ
- thẻ meta là "thông tin về nội dung". Chúng được tìm thấy trong phần
của một tài liệu và được sử dụng để truyền tải thông tin trang tới trình duyệt. Có nhiều thẻ meta có thể bạn có thể sử dụng trên trang web- được sử dụng để xác định thông số cho plugin
- viết tắt của Word Break Opportunity. Nó chỉ định nơi trong một văn bản nó sẽ được chấp nhận để thêm một ngắt dòng.
Một lần nữa, các thẻ singleton này là một ngoại lệ đối với quy tắc trái ngược với quy tắc vì phần lớn các phần tử HTML thực sự cần một thẻ mở và thẻ đóng. Trong số các phần tử đơn lẻ này, một số bạn có thể sử dụng khá thường xuyên (như img, meta, hoặc input), trong khi những cái khác bạn không bao giờ cần sử dụng trong công việc thiết kế web của bạn (keygen, wbr, và command) không phổ biến trên các trang web). Tuy nhiên, thông thường hoặc hiếm gặp trong các trang HTML, rất hữu ích khi làm quen với các thẻ này và biết ý tưởng đằng sau các thẻ đơn HTML là gì. Bạn có thể sử dụng danh sách này làm tài liệu tham khảo cho việc phát triển web của mình.
Bài báo gốc của Jennifer Krynin. Được chỉnh sửa bởi Jeremy Girard vào ngày 5/5/17.