Wann sollte ich <article>
und <section>
Tags in HTML5 verwenden?Was ist der Unterschied zwischen <article> und <section> in html5
Antwort
Der <section>
tag:
Der Abschnitt Tag definiert Abschnitte in einem Dokument wie Kapitel, Kopf- und Fußzeilen, oder andere Abschnitte des Dokuments.
Die <article>
tag:
Der Artikel Tag gibt unabhängige, in sich geschlossene Inhalt.
Ein Artikel sollte allein sinnvoll sein und es sollte möglich sein, unabhängig von dem Rest der Website zu verteilen.
Mögliche Quellen für den Artikel Element:
- Forum Post
- Blog post
- Nachrichten Geschichte
- Kommentar
Grundsätzlich sind diese Tags sind semantische Elemente und das einzige wirkliche di Unterscheidung zwischen ihnen sind Lesbarkeit und Design-Präferenz.
Sie können mehr über sie lesen Sie hier, wenn Sie möchten:
Wie verhält sich das zum Beispiel React Komponenten? Würden Sie den Begriff "Komponente" näher an "Artikel" oder "Abschnitt" denken? –
@AlexMcMillan Ich denke an das Konzept der React-Komponenten als einfach ein Container für verschiedene Arten von Daten. Diese HTML5-Tags sind nur semantische Möglichkeiten, um diese Daten zu beschreiben, so dass sie in keiner Beziehung zu React-Komponenten stehen und mehr auf den Inhalt bezogen sind. –
Oh ja, ich verstehe; das war eher eine Gedankenübung. Beim Erstellen von Apps, die wenig mit Dokumenten/Blogs (oder "Artikeln") zu tun haben, kann es schwierig sein, semantisch korrekte HTML5-Tags auszuwählen. –
- 1. In ASP.Net, was ist der Unterschied zwischen <% = und <% #
- 2. Was ist der Unterschied zwischen <% %> und <%=%>?
- 3. Was ist der Unterschied zwischen Ofstream "<<" und Schreiben
- 4. Was ist der Unterschied zwischen << und + =?
- 5. Was ist der Unterschied zwischen <%# %> und <%= %>?
- 6. Was ist der Unterschied zwischen `=` und `<-` in R?
- 7. Was ist der Unterschied zwischen <= und: = in VHDL
- 8. Was ist der Unterschied in <? und <? php
- 9. Was ist der Unterschied zwischen "<>" und "! ="?
- 10. Was ist der Unterschied zwischen mysqlimport und mysql <dbfile.sql
- 11. Was ist der Unterschied zwischen <% # Bind ("")%> und <% # Eval ("")%> in ASP.NET?
- 12. Was ist der Unterschied zwischen <% # und <% = in ASP.NET MVC?
- 13. Was ist der Unterschied zwischen <%: und <% = in ASP.NET MVC?
- 14. Was ist der Unterschied zwischen <pubDate> und <lastBuildDate> in RSS?
- 15. Was ist der Unterschied zwischen/<.>/und/<[.]>/in regulären Ausdrücken
- 16. Was ist der Unterschied zwischen <% ... %> und <%! ... %> in JSP
- 17. Was ist der Unterschied zwischen <% %> und <%= %> in ASP.NET MVC
- 18. Was ist der Unterschied zwischen <T> und <T erweitert Objekt> in Java?
- 19. Unterschied zwischen <> und =
- 20. Was ist der Unterschied zwischen <f:viewParam> und <f:param>?
- 21. Was ist der Unterschied zwischen <c:if> und <c:when>?
- 22. Was ist der Unterschied zwischen <stdin> und <STDIN>?
- 23. Was ist der Unterschied zwischen result_of <F(Args...> und decltype <f(args...)>?
- 24. Was ist der Unterschied zwischen <a_element /> und <a_element xsi: nil = "true" />?
- 25. was ist der Unterschied zwischen <Taste onClick = ...> und <a href="#" onclick=.../>
- 26. XSLT: Was ist der Unterschied zwischen <copy-of> und <apply-templates>?
- 27. Was ist der spezifische Unterschied zwischen <html: submit tag und <input type = "submit"?
- 28. Was ist der Unterschied zwischen Arraylist <Integer> a []; und Arraylist <Integer> ein ;?
- 29. Was ist der Unterschied zwischen <system.web> und <system.webServer>?
- 30. Was ist der Unterschied zwischen <tiles:add> und <tiles:put> Streben?
Was ist Ihr spezielles Programmierproblem? – jogo
Sie wollen eine Art Spickzettel. schaue hier oder an einem anderen Ort nachzuschauen, wenn du wieder verwirrt bist http://www.w3.org/TR/html-markup/elements.html – lordkain
Hoffe diese Linkhilfe für deine Anforderung: http: //www.hongkiat .com/blog/html5-section-article-elements/ – soorapadman