Khi nào tôi nên sử dụng các thẻ <article>
và <section>
trong HTML5?Sự khác biệt giữa <article> và <section> trong html5
Trả lời
Các <section>
tag:
Thẻ phần định nghĩa các phần trong một tài liệu, chẳng hạn như chương, tiêu đề, footers, hoặc bất kỳ phần khác của tài liệu.
Các <article>
tag:
Thẻ bài viết xác định độc lập, nội dung khép kín.
Bài viết phải có ý nghĩa riêng và có thể phân phối độc lập với phần còn lại của trang web.
nguồn tiềm năng cho các phần tử Bài chi tiết:
- diễn đàn bài
- Blog bài
- News story
- Comment
Về cơ bản các thẻ là yếu tố ngữ nghĩa và chỉ thực tế di sự phân biệt giữa chúng là khả năng đọc và tùy chọn thiết kế.
Bạn có thể đọc thêm về chúng ở đây nếu bạn muốn:
Điều này liên quan đến các thành phần React như thế nào? Bạn có xem xét thuật ngữ "Thành phần" để có ý nghĩa gần hơn với 'bài viết' hoặc' phần'? –
@AlexMcMillan Tôi nghĩ khái niệm về các thành phần React đơn giản là một vùng chứa cho các loại dữ liệu khác nhau. Các thẻ HTML5 này chỉ là cách mô tả dữ liệu ngữ nghĩa, vì vậy chúng không liên quan đến các thành phần React và liên quan nhiều hơn đến nội dung –
Ồ vâng tôi hiểu; đây là một bài tập suy nghĩ. Khi xây dựng các ứng dụng có ít điểm chung với tài liệu/blog (hoặc "bài viết"), có thể khó chọn các thẻ HTML5 đúng ngữ nghĩa. –
- 1. sự khác biệt giữa '! =' Và '<>' trong mysql
- 2. trong ruby sự khác biệt giữa self.method và phương thức trong lớp << self
- 3. Sự khác biệt giữa <% ... %> và <%! ... %> trong jsp
- 4. Sự khác biệt giữa <include> và <ViewStub> trong android
- 5. Sự khác biệt giữa <pubDate> và <lastBuildDate> trong RSS là gì?
- 6. Sự khác nhau giữa <%: và <% = và <% # trong aspx là gì?
- 7. Sự khác biệt giữa <f:viewParam> và <f:param> là gì?
- 8. Sự khác biệt giữa python3. <x> và python3. <x> m
- 9. Sự khác biệt giữa <semaphore.h> và <sys/sem.h>
- 10. Sự khác biệt giữa id <protocol> và NSObject <protocol>
- 11. Có sự khác biệt giữa <winsock.h> và <winsock2.h> không?
- 12. Java: Sự khác biệt giữa <init> và <clinit> là gì?
- 13. Sự khác biệt giữa DbSet <> và DbSet ảo <> là gì?
- 14. Ruby - Sự khác biệt giữa mảng # << và Array # push
- 15. Sự khác biệt giữa liệt kê <? mở rộng ZipEntry> và Enumeration <ZipEntry>?
- 16. Sự khác biệt giữa <system.web> và <system.webServer> là gì?
- 17. Sự khác biệt giữa <input type = 'button' /> và <input type = 'submit' />
- 18. Whats sự khác biệt giữa <RequiredTargetFramework> và <targetframeworkversion> là gì?
- 19. Sự khác biệt giữa Tác vụ <> và IAsyncOperation <>
- 20. Sự khác biệt giữa <asp:table> và <table>?
- 21. Sự khác biệt giữa Danh sách <T> và Danh sách <object>?
- 22. sự khác biệt giữa <xsl: apply-template> và <xsl: call-template>?
- 23. Sự khác biệt giữa <f:subview> và <ui: composition> thẻ
- 24. Sự khác biệt giữa Danh sách <T> và LinkedList <T>
- 25. Sự khác biệt giữa ArrayList <>() và ArrayList <>() {}
- 26. Sự khác biệt giữa <string> và <string.h>?
- 27. Khác biệt giữa bao gồm <xstring>, <cstring>, <string> và <wstring> trong C++
- 28. Sự khác biệt giữa <T: Trait> Hộp <T> và & Trait/Box <Trait> là gì?
- 29. Sự khác biệt giữa ToArray() & ToArray <int>();
- 30. Sự khác nhau giữa <#eval và <#bind trong asp.net
vấn đề lập trình đặc biệt của bạn là gì? – jogo
bạn muốn một số loại gian lận. nhìn ở đây hoặc một số nơi khác để tìm kiếm nó lên một lần yoy bị nhầm lẫn một lần nữa http://www.w3.org/TR/html-markup/elements.html – lordkain
Hy vọng liên kết này giúp cho yêu cầu của bạn: http: //www.hongkiat .com/blog/html5-section-article-elements/ – soorapadman