Sự khác biệt giữa div và span

Chìa khóa Sự khác biệt - div đấu với khoảng
 

HTML là một ngôn ngữ được sử dụng rộng rãi để phát triển các trang web. Nó là viết tắt của Hyper Text Markup Language. Thuật ngữ Hyper dùng để chỉ liên kết đến các tài nguyên web khác trên internet. Thuật ngữ Markup dùng để chỉ khả năng tạo văn bản có định dạng bằng hình ảnh và các tài nguyên đa phương tiện khác. Các siêu liên kết là các thành phần chính trong HTML làm cho tất cả các tài nguyên web kết nối với nhau. Có một số phiên bản của HTML. Chúng là HTML 2.0, 3.2, 4.01 và HTML5. Về cơ bản, HTML là một tài liệu văn bản với các thẻ. Nó cho trình duyệt Web biết cách cấu trúc trang web để hiển thị nó. Div và span là hai thẻ trong HTML. Mỗi phần tử HTML có giá trị hiển thị mặc định tùy thuộc vào loại phần tử. Vì vậy, chúng có thể là một khối hoặc các yếu tố nội tuyến. Bài viết này thảo luận về sự khác biệt giữa div và span. Các sự khác biệt chính giữa div và span là thế div là một phần tử mức khối trong khi span là một phần tử nội tuyến.

NỘI DUNG

1. Tổng quan và sự khác biệt chính
2. Div là gì
3. nhịp là gì
4. Điểm tương đồng giữa div và span
5. So sánh cạnh nhau - div vs span ở dạng bảng
6. Tóm tắt

Div là gì?

Tất cả các tài liệu html bắt đầu bằng một khai báo loại tài liệu. Ngày nay, phiên bản phổ biến nhất của HTML là HTML5. Do đó, khai báo kiểu là. Tất cả các thẻ html nên được bao gồm bên trong và các thẻ. Các chi tiết cần thiết của trang web được bao gồm trong thẻ. Các trang web hiển thị được viết bên trong thẻ. Có thẻ cho từng mục đích. Các

thẻ được sử dụng để đoạn văn. Các

,

vv được sử dụng cho các tiêu đề. Nội dung bên trong thẻ bắt đầu và kết thúc được gọi là một yếu tố. ví dụ.

Đây là một đoạn

.

Hình 01: HTML5

Mỗi phần tử HTML có giá trị hiển thị mặc định tùy thuộc vào loại phần tử. Các giá trị hiển thị mặc định có thể là khối hoặc nội tuyến. Các yếu tố cấp độ khối luôn bắt đầu với một dòng mới. Các yếu tố này có toàn bộ chiều rộng có sẵn. Một số ví dụ về các yếu tố cấp khối là

, ,


và .

Thẻ div cũng là một yếu tố cấp khối trong HTML. Cú pháp như sau.

Chào thế giới!

Các phần tử div là một container cho các phần tử khác. Do đó, một tập hợp các phần tử có thể được đóng gói vào phần tử div. Khi được sử dụng với Cascading Style Sheet (CSS), thẻ div có thể được sử dụng để tạo kiểu cho một khối nội dung. Tham khảo đoạn mã dưới đây.

Hai đoạn nằm trong thẻ div. Tất cả nội dung bên trong thẻ div có màu nền đen và màu phông chữ trắng.

Khoảng là gì?

Không giống như trong các phần tử mức khối, các phần tử nội tuyến không bắt đầu trên một dòng mới. Nó chỉ mất chiều rộng cần thiết. Một số ví dụ về các yếu tố nội tuyến là , ,
.

Thẻ span cũng là một yếu tố nội tuyến trong HTML. Cú pháp như sau.

Chào thế giới!

Hình 02: thẻ div và span

Thẻ span được sử dụng làm thùng chứa cho một số văn bản. Thẻ này cũng có thể được sử dụng với CSS. Do đó, một phần của văn bản có thể được tạo kiểu. Tham khảo ví dụ dưới đây. 'Đoạn1' nằm trong thẻ span. Màu được thêm bằng thuộc tính kiểu CSS.

Đây là đoạn1

Điểm tương đồng giữa div và span là gì?

  • Cả div và span đều là các nhóm nhóm trong HTML.
  • Cả div và span đều chứa thẻ bắt đầu và thẻ kết thúc.
  • Cả div và span đều có thể có thuộc tính style.

Sự khác biệt giữa div và span là gì?

div vs span

Thẻ div là thẻ HTML xác định phân chia hoặc một phần trong tài liệu HTML. Span là thẻ HTML được sử dụng để nhóm các thành phần nội tuyến trong tài liệu HTML.
 Sử dụng
Thẻ div được sử dụng làm vùng chứa cho các thành phần khác. Thẻ span được sử dụng làm vùng chứa cho một số văn bản.
Dòng mới
Thẻ div bắt đầu bằng một dòng mới. Thẻ span không bắt đầu bằng một dòng mới.
 Yêu cầu chiều rộng
Thẻ div sẽ lấy hết chiều rộng. Thẻ span sẽ chỉ lấy chiều rộng yêu cầu.
Cú pháp
 

Tóm lược - div đấu với khoảng 

HTML là viết tắt của Hyper Text Markup Language. Nó được sử dụng để phát triển các trang web. Ngôn ngữ này bao gồm các thẻ. Các thẻ div và span nhóm trong HTML. Chúng được sử dụng để xác định một phần trong tài liệu. Bài viết này đã giải thích sự khác biệt giữa thẻ div và span. Sự khác biệt giữa div và span là div là một phần tử mức khối trong khi span là một phần tử nội tuyến.

Tải xuống bản PDF của div vs span

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 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 div và span 

Tài liệu tham khảo:

1.tutorialspoint.com. Khối HTML HTML. Điểm, có sẵn ở đây  
2.HTML Khối và các yếu tố nội tuyến. Có sẵn ở đây 

Hình ảnh lịch sự:

1.'HTML logo và wordmark'By W3C, (CC BY 3.0) qua Commons Wikimedia