Sự khác biệt giữa Phần tử Khối và Phần tử Nội tuyến

2024 Tác giả: Alex Aldridge | [email protected]. Sửa đổi lần cuối: 2023-12-17 13:53

Sự khác biệt chính - Khối so với Phần tử nội tuyến

HTML là viết tắt của Hyper Text Markup Language. Nó được sử dụng để tạo các trang web. Mỗi trang web được kết nối với các trang web khác bằng các siêu liên kết. Ngôn ngữ này bao gồm các thẻ. Một thẻ được đặt trong dấu ngoặc nhọn. Cú pháp tương tự như. Hầu hết các thẻ cũng có một thẻ đóng. Khi nào là một thẻ, thẻ đóng là. Một số thẻ không có thẻ đóng. Ví dụ về thẻ như vậy là

và

Chúng được gọi là thẻ void. Phần tử HTML là một thành phần của tài liệu HTML hoặc trang web sau khi nó đã được phân tích cú pháp thành Mô hình đối tượng tài liệu (DOM). DOM là một đại diện nội bộ trong trình duyệt web. Nó đại diện cho mỗi tài liệu trong một cấu trúc cây. Trong trình duyệt, các phần tử có thể hiển thị có thể là phần tử khối hoặc phần tử nội tuyến. Các phần tử khối có cấu trúc hình chữ nhật. Các phần tử nội tuyến có thể được nhúng vào các phần tử khối. Sự khác biệt chính giữa khối và phần tử nội tuyến là các phần tử khối chiếm toàn bộ chiều rộng có sẵn trong khi các phần tử nội tuyến có chiều rộng cần thiết để hiển thị nội dung của các phần tử.

Phần tử khối là gì?

Các phần tử khối có chiều rộng đầy đủ có sẵn. Những phần tử đó luôn bắt đầu bằng một dòng mới. Một số ví dụ về các phần tử khối như sau.

được sử dụng để xác định một đoạn văn. ví dụ:

Đây là đoạn

. Có sáu thẻ để xác định tiêu đề. Họ là

,

,

…

. Người lập trình có thể sử dụng tiêu đề cho phù hợp.

Danh sách thứ tự được xác định bởi

trong khi danh sách không có thứ tự được xác định bởi

. Được sử dụng để hiển thị một đường ngang trên trang web.

được sử dụng để sắp xếp dữ liệu theo định dạng bảng. Đối với mọi trang web, cần phải thu thập dữ liệu từ những người truy cập trang web. Các biểu mẫu HTML được sử dụng để lấy dữ liệu từ người dùng. Nó cũng là một phần tử cấp khối. Đó là một số ví dụ về các phần tử khối trong HTML.

Phần tử nội tuyến là gì?

Các phần tử nội tuyến chỉ chiếm chiều rộng cần thiết. Những phần tử đó không bắt đầu bằng một dòng mới. Một số ví dụ về các phần tử nội tuyến như sau. được sử dụng để tạo liên kết từ trang này sang trang khác. Siêu liên kết là một trong những yếu tố cần thiết trong HTML. Nó có thể chứa thuộc tính href để tạo liên kết đến đích. ví dụ. Truy cập Google. Thuộc tính đích để trống. Do đó, tài liệu mới sẽ mở trong một cửa sổ mới. Nếu thuộc tính đích là “_self”, thì tài liệu được liên kết sẽ mở trong cùng một cửa sổ.

Hình 01: Ví dụ về Phần tử Khối và Nội tuyến

Dấuđược sử dụng để in đậm một phần văn bản. Thẻ là để tạo chữ nghiêng. Một trang web nên có sẵn. Do đó, bất kỳ trang web nào cũng bao gồm nhiều hình ảnh.

được sử dụng để hiển thị hình ảnh trên trang. Thẻ này yêu cầu hai thuộc tính. Chúng là src và alt. ‘Src’ mô tả vị trí của hình ảnh và ‘alt’ mô tả nội dung của hình ảnh. ví dụ.. Đây là một số ví dụ về các phần tử nội dòng.

Sự giống nhau giữa Phần tử Khối và Phần tử Nội tuyến là gì?

Phần tử khối và phần tử nội tuyến được sử dụng làm vùng chứa trong HTML

Sự khác biệt giữa Phần tử Khối và Phần tử Nội tuyến là gì?

Khối so với Phần tử nội tuyến
Các phần tử khối là các phần tử sẽ kéo dài toàn bộ chiều rộng của phần tử mẹ và sẽ không cho phép bất kỳ phần tử nào khác chiếm cùng một không gian theo chiều ngang mà nó được đặt trên đó.	Các phần tử nội dòng là các phần tử không thể được đặt trực tiếp bên trong phần tử body và được lồng trong các phần tử khối.
Dòng mới
Các phần tử khối bắt đầu bằng một dòng mới.	Các phần tử nội dòng không bắt đầu bằng một dòng mới.
Khoảng trống cần thiết
Các phần tử khối có tất cả chiều rộng.	Các phần tử nội tuyến sẽ chỉ có chiều rộng cần thiết.

Tóm tắt - Khối và Phần tử Nội tuyến

HTML là viết tắt của ngôn ngữ Hyper Text Markup. Nó là một ngôn ngữ bao gồm các thẻ. Mỗi thẻ có một nhiệm vụ cụ thể và xác định cách cấu trúc trang web. Một số thẻ có thẻ bắt đầu và thẻ kết thúc. Một số thẻ không có thẻ kết thúc. Chúng được gọi là thẻ void. Phân tích cú pháp là quá trình phân tích cú pháp. Sau bước phân tích cú pháp, các thẻ này trở thành các phần tử. Phần tử có thể là phần tử cấp khối hoặc phần tử nội tuyến. Sự khác biệt giữa phần tử khối và phần tử nội tuyến là phần tử khối chiếm toàn bộ chiều rộng có sẵn trong khi phần tử nội tuyến có chiều rộng cần thiết để hiển thị nội dung của phần tử.

Tải xuống phiên bản PDF của Block vs Inline Elements

Bạn có thể tải xuống phiên bản PDF của bài viết này và sử dụng nó cho các mục đích ngoại tuyến theo ghi chú trích dẫn. Vui lòng tải xuống phiên bản PDF tại đây: Sự khác biệt giữa các phần tử Khối và Nội tuyến