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

Mục lục:

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

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

Video: Sự khác biệt giữa div và span
Video: 09 - Thẻ DIV, thẻ SPAN và phân loại các kiểu thẻ trong HTML 2024, Tháng bảy
Anonim

Sự khác biệt chính - div so với span

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 đề cập đến việc liên kết đến các tài nguyên web khác trên internet. Thuật ngữ Đánh dấu đề cập đến 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à thành phần chính trong HTML giúp 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 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 có 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ó một 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 phần 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. Sự khác biệt chính giữa div và span là div là phần tử cấp khối trong khi span là phần tử nội tuyến.

div là gì?

Tất cả các tài liệu html đều bắt đầu bằng khai báo kiểu 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 thẻ và. Các chi tiết cần thiết của trang web được bao gồm trong thẻ. Trang web hiển thị được viết bên trong thẻ. Có các thẻ cho từng mục đích.

Thẻđược sử dụng cho các đoạn văn.

,

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

Đây là đoạn

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

Hình 01: HTML5

Mỗi phần tử HTML có một 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 dòng. Các phần tử mức khối luôn bắt đầu bằng một dòng mới. Các phần tử này chiếm toàn bộ chiều rộng có sẵn. Một số ví dụ về các phần tử cấp khối là

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

Hello World!

Các phần tử div là một vùng chứa 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 Bảng định kiểu xếp tầng (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.

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

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

span là gì?

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

KeyDifference giữa div và span
KeyDifference giữa div và span

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

Hello World!

Hình 02: thẻ div và span

Thẻ span được sử dụng như một vù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 bên trong thẻ span. Màu được thêm vào bằng cách sử dụng thuộc tính kiểu CSS.

Đây là đoạn 1

Điểm giống nhau giữa div và span là gì?

  • Cả div và span đều là các thẻ 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ó thuộc tính style.

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

div so với span

div là một thẻ HTML xác định một bộ phận hoặc một phần trong tài liệu HTML. Khoảng là thẻ HTML được sử dụng để nhóm các phần tử nội dòng trong tài liệu HTML.
Cách sử dụng
Thẻ div được sử dụng làm vùng chứa cho các phần tử 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 dòng mới.
Chiều rộng Bắt buộc
Thẻ div sẽ có tất cả chiều rộng. Thẻ span sẽ chỉ có chiều rộng cần thiết.
Cú pháp

Tóm tắt - div vs span

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ẻ nhóm div và span 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à thẻ span. Sự khác biệt giữa div và span là div là phần tử cấp khối trong khi span là phần tử nội tuyến.

Tải xuống tệp 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 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 div và span

Đề xuất: