Các thành phần HTML: Phần tử cấp khối so với nội tuyến

Sự khác biệt giữa khối cấp và các yếu tố nội tuyến là gì?

HTML được tạo thành từ các yếu tố khác nhau hoạt động như các khối xây dựng của các trang web. Mỗi phần tử này rơi vào một trong hai loại - một phần tử cấp khối hoặc một phần tử nội tuyến. Hiểu được sự khác biệt giữa hai loại yếu tố này là một bước quan trọng trong việc xây dựng các trang web.

Yếu tố cấp khối

Vậy phần tử mức khối là gì? Một phần tử mức khối là một phần tử HTML bắt đầu một dòng mới trên một trang Web và mở rộng chiều rộng đầy đủ của không gian ngang có sẵn của phần tử cha của nó. Nó tạo ra các khối nội dung lớn như đoạn văn hoặc phân chia trang. Thực tế, hầu hết các phần tử HTML là các phần tử mức khối.

Các phần tử mức khối được sử dụng trong phần thân của tài liệu HTML. Chúng có thể chứa các phần tử nội tuyến, cũng như các phần tử mức khối khác.

Yếu tố nội tuyến

Ngược lại với phần tử cấp khối, phần tử nội tuyến có thể:

Ví dụ về phần tử nội tuyến là thẻ , làm cho phông chữ của nội dung văn bản chứa trong chữ đậm. Phần tử nội tuyến thường chỉ chứa các phần tử nội tuyến khác hoặc nó không chứa gì cả, chẳng hạn như thẻ ngắt
.

Ngoài ra còn có một loại phần tử thứ ba trong HTML: những phần tử không được hiển thị. Những yếu tố này cung cấp thông tin về trang nhưng không được hiển thị khi được hiển thị trong trình duyệt Web.

Ví dụ: