Div là gì

  -  

có nghĩa là nội dung bên trong được nhóm lại (nghĩa là liên quan đến một chủ đề) và sẽ xuất hiện dưới dạng một mục trong một phác thảo của trang.

Bạn đang xem: Div là gì


Mặt khác, không truyền đạt bất kỳ ý nghĩa , ngoài việc bất kỳ tìm thấy trong nó class, langvà titlecác thuộc tính.

Vì vậy, không: sử dụng
không xác định một phần trong HTML.

Từ thông số kỹ thuật:

Phần tử đại diện cho một phần chung của tài liệu hoặc ứng dụng. Một phần, trong bối cảnh này, là một nhóm nội dung theo chủ đề. Mỗi cái sectionnên được xác định, thông thường bằng cách bao gồm một tiêu đề (phần tử h1-h6) làm phần tử con của phần tử.

Ví dụ về các phần sẽ là các chương, các trang được gắn thẻ khác nhau trong hộp thoại được gắn thẻ hoặc các phần được đánh số của một luận án. Trang chủ của một trang web có thể được chia thành các phần để giới thiệu, các mục tin tức và thông tin liên lạc.

...

Phần tử không phải là phần tử container chung. Khi một yếu tố chỉ cần thiết cho mục đích tạo kiểu hoặc để thuận tiện cho việc viết kịch bản, các tác giả được khuyến khích sử dụng
phần tử thay thế. Một quy tắc chung là phần tử chỉ phù hợp nếu nội dung của phần tử sẽ được liệt kê rõ ràng trong phác thảo của tài liệu.


Các
yếu tố không có ý nghĩa đặc biệt nào cả. Nó đại diện cho con của nó. Nó có thể được sử dụng với class, langvà titlethuộc tính để đánh dấu ngữ nghĩa chung cho một nhóm các yếu tố liên tiếp.

Lưu ý: Các tác giả được khuyến khích mạnh mẽ xem
yếu tố này là yếu tố của biện pháp cuối cùng, vì khi không có yếu tố nào khác phù hợp. Sử dụng các yếu tố phù hợp hơn thay vì
yếu tố dẫn đến khả năng tiếp cận tốt hơn cho người đọc và khả năng bảo trì dễ dàng hơn cho các tác giả.


— Paul D. Chờ đợi nguồn
22
Suy nghĩ nhiều hơn sectionso với div, bao gồm cả câu trả lời này, tôi đã đi đến kết luận rằng chúng chính xác là cùng một yếu tố. W3C nói div"đại diện cho con của nó". Chà, đó cũng không phải là những gì sectionyếu tố làm? Vâng, sectionngụ ý con cái của nó được nhóm lại với nhau, nhưng bằng chính hành động đưa trẻ em vào trong a div, bạn cũng vậy, vâng, nhóm chúng lại với nhau . Ít nhất là cách tôi làm, tôi không biết về các bạn.
— phân tích
9
trysis: Đây là một suy nghĩ nhiều hơn sectionso với div- - Đừng nghĩ quá nhiều về nó. HTML không phức tạp. Nghiêng bằng chính hành động đưa trẻ em vào trong div, bạn cũng vậy, vâng, nhóm chúng lại với nhau
. Không theo thông số kỹ thuật HTML mà bạn không. Bạn đang gói chúng divcho mục đích tạo kiểu, hoặc tiện lợi cho JavaScript hoặc một cái gì đó khác mà W3C chưa nghĩ đến, nhưng không cho độc giả biết rằng các phần tử con là một nhóm.
— Paul D. Chờ
8
Matian2040: vì mục đích của HTML là thêm ý nghĩa cho văn bản, ví dụ

This is a paragraph

hoặc

This is a second-level heading

. Vì
không có nghĩa, bạn chỉ sử dụng nó nếu không có phần tử HTML nào khác có nghĩa phù hợp với văn bản được đề cập.
— Paul D. Chờ
7
Vì vậy, không có một lợi thế duy nhất nếu sử dụng các phần? lol, tại sao nó thậm chí còn tồn tại?!
— Đen
14
EdwardBlack: nó truyền tải một ý nghĩa khác so với các thẻ khác. Truyền đạt ý nghĩa là toàn bộ điểm của HTML.
— Paul D. Chờ
71

đánh dấu một phần ,
đánh dấu một khối chung không có ngữ nghĩa liên quan.

Xem thêm: Chi Phí Thẩm Định Nhiệm Vụ Quy Hoạch Xây Dựng Và Quy Hoạch Đô Thị


— Quentin nguồn
MarwenTrabelsi - Liên kết không chết. "Phần" là một từ tiếng Anh chuẩn. Từ điển có sẵn.
— Quentin
MarwenTrabelsi - Các thuật ngữ bạn gọi là "trừu tượng và rộng" là những khác biệt chính.
— Quentin
64
Vs

Vòng 1


:
Phần tử HTML (hoặc Phần tử phân chia tài liệu HTML) là vùng chứa chung cho nội dung luồng, vốn không đại diện cho bất cứ điều gì. Nó có thể được sử dụng để nhóm các thành phần cho mục đích tạo kiểu (sử dụng các thuộc tính lớp hoặc id) hoặc vì chúng chia sẻ các giá trị thuộc tính, chẳng hạn như lang. Nó chỉ được sử dụng khi không có yếu tố ngữ nghĩa nào khác (như hoặc ) là phù hợp.

:Các HTML yếu tố Mục ( ) đại diện cho một phần chung của một tài liệu, ví dụ, một nhóm chuyên đề của nội dung, điển hình với tiêu đề một.

Vòng 2


:
Hỗ trợ trình duyệt

*

: Hỗ trợ trình duyệt

Các số trong bảng chỉ định phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ phần tử.

*

Trong đó, một div chỉ có liên quan từ phối cảnh CSS hoặc DOM thuần túy, trong khi một phần cũng có liên quan đến ngữ nghĩa và, trong tương lai gần, để lập chỉ mục bởi các công cụ tìm kiếm.


— Subodh Ghulaxe nguồn
10
Hỗ trợ trình duyệt không phải là vấn đề ở đây, đó là về ngữ nghĩa. Nếu bạn đang sử dụng HTML5, có thể bạn vẫn sẽ sử dụng một polyfill.
— Jack Tuck
JackTuck Và nếu bạn không muốn sử dụng loại bùn này thì sao?
— Ông Lister
49

Chỉ là một quan sát - không tìm thấy bất kỳ tài liệu nào chứng thực điều này

Nếu một phần chứa phần khác, tiêu đề h1 trong phần bên trong được hiển thị ở phông chữ nhỏ hơn tiêu đề h1- ở phần bên ngoài. Khi sử dụng div thay vì phần, tiêu đề div h1 bên trong được cấp bằng là h1.

Level1 some text Level2 some more text - tiêu đề Level2 - được hiển thị ở phông chữ nhỏ hơn tiêu đề Level1 -.

Khi sử dụng css để tô màu tiêu đề h1, h1 bên trong cũng được tô màu (hoạt động như h1 thông thường). Đó là hành vi tương tự trong Firefox 18, IE 10 và Chrome 28.


— runec nguồn
1
Thật kỳ lạ ... đã tạo ra một stackblitz nhanh chóng để giới thiệu điều này vì nó vẫn là một thứ stackblitz.com/edit/angular-h1ayez
— Gavin Mannion
24

Trong tiêu chuẩn HTML5, phần tử được xác định là một khối các phần tử liên quan.

Xem thêm: National Identification Number Là Gì, Có Phải Là Chứng Minh Thư Nhân Dân Không

Phần
tử được định nghĩa là một khối các phần tử con.


— srikanth_k nguồn
Tôi không biết tại sao ai đó đánh dấu điều này xuống. Ngắn, ngọt ngào, và quá quan điểm.
— dùng6031759
1
-1 không có ý nghĩa gì, bạn muốn nhóm các yếu tố liên quan như thế nào trong tài liệu cấu trúc phân cấp (XML / HTML), bạn chỉ có thể nhóm khối các phần tử con bằng cách sử dụng bất kỳ thẻ nào.
— Svisstack
Svisstack Bạn đúng rằng mọi thẻ kèm theo (ví dụ: không tự đóng / void) có thể nhóm các khối của các phần tử con. Mặc dù tôi nghĩ rằng điều này đang ảnh hưởng nhiều hơn đến mối quan hệ của trẻ em. Có phải tất cả họ có một bối cảnh liên quan để truyền đạt? Ví dụ: một biểu mẫu có chứa một số đầu vào sẽ được nhóm lại với nhau vì lý do chức năng / kiểu dáng. Nhưng hình thức này không phải là một phần của trang web, mà thay vào đó là một phần với chức năng. Bây giờ hãy nói rằng trang của bạn đã mô tả một sản phẩm. Các phần khác nhau về sản phẩm sẽ được liệt kê trong phần tử phần vì các phần tử truyền đạt ý tưởng tập thể.
— Xandor
20

Cẩn thận không lạm dụng thẻ phần để thay thế cho phần tử div . Một thẻ phần nên xác định một khu vực quan trọng trong bối cảnh của cơ thể . Về mặt ngữ nghĩa, HTML5 khuyến khích chúng ta xác định tài liệu của mình như sau: