Sectie vs Artikel HTML5

Ik heb een pagina die bestaat uit verschillende “secties” zoals video’s, een nieuwsfeed enz. Ik ben een beetje in de war hoe ik deze moet weergeven met HTML5. Momenteel heb ik ze als HTML5 <section>s, maar bij nadere inspectie lijkt het erop dat de juistere tag <article>zou zijn. Kan iemand hier wat licht op schijnen voor mij?

Geen van deze dingen zijn blogposts of ‘documenten’ in de ware zin van het woord, dus het is nogal moeilijk om te zien welk element je moet toepassen.

Proost

EDIT: ik heb ervoor gekozen om de article-tag te gebruiken omdat het een containertag lijkt te zijn voor niet-gerelateerde elementen waarvan ik vermoed dat dit mijn “secties” zijn. Het eigenlijke tagname-artikel lijkt echter nogal misleidend en hoewel ze zeggen dat HTML5 is ontwikkeld met meer aandacht voor webapplicaties, vind ik veel van de tags meer bloggericht / documentgebaseerd.

In ieder geval bedankt voor je antwoorden, het lijkt nogal subjectief te zijn.


Antwoord 1, autoriteit 100%

Op de W3-wikipagina over het structureren van HTML5staat:

<section>: wordt gebruikt om verschillende artikelen in verschillende doeleinden te groeperen of
onderwerpen, of om de verschillende secties van een enkel artikel te definiëren.

En geeft vervolgens een afbeeldingweer die ik heb opgeschoond:

Het beschrijft ook hoe je de <article>-tag gebruikt (van dezelfde W3-link hierboven):

<article>is gerelateerd aan <section>, maar is duidelijk anders.
Overwegende dat <section>is voor het groeperen van verschillende delen van inhoud of
Functionaliteit, <article>is voor het bevatten van gerelateerde persoon
Stand-alone stukjes inhoud, zoals individuele blogposts, video’s,
afbeeldingen of nieuwsitems. Denk op deze manier – als je een aantal hebt
Inhoudsartikelen, die elk geschikt zijn voor het lezen van hun
eigen, en zou logisch zijn om te syndiceren als afzonderlijke items in een RSS
Voer, dan <article>is geschikt voor het opwerpen van ze.

In ons voorbeeld, <section id="main">bevat blog-vermeldingen. Elke blog
toegang zou geschikt zijn om te syndiceren als een item in een RSS-feed, en
zou logisch zijn bij het lezen van zijn eigen, buiten de context, daarom
<article>is perfect voor hen:

<section id="main">
    <article>
      <!-- first blog post -->
    </article>
    <article>
      <!-- second blog post  -->
    </article>
    <article>
      <!-- third blog post -->
    </article>
</section>

Simple huh? Wees je bewust dat je ook secties binnenin kunt nestelen
artikelen, waar het logisch is om dit te doen. Bijvoorbeeld, als elk een van
Deze blogposts heeft een consistente structuur van verschillende secties, dan
U kunt ook secties in uw artikelen plaatsen. Het kan eruit zien
zoiets als volgt:

<article>
  <section id="introduction">
  </section>
  <section id="content">
  </section>
  <section id="summary">
  </section>
</article>

2, Autoriteit 74%

Geluiden zoals u zou elk van de “secties” moeten wikkelen (zoals u ze noemt) in <article>Tags en vermeldingen in het artikel in <section>tags.

De HTML5 spec zegt (sectie):

Het sectie-element vertegenwoordigt een generiek gedeelte van een document of
sollicitatie. Een sectie, in deze context, is een thematische groepering van
inhoud, typisch met een kop. […]

Voorbeelden van secties zouden hoofdstukken zijn, de verschillende pagina’s met tabbladen in
een dialoogvenster met tabbladen of de genummerde secties van een proefschrift. Een web
De startpagina van de site kan worden opgesplitst in secties voor een introductie,
Nieuwsitems en contactgegevens.

Opmerking : Auteurs worden aangemoedigd om het artikelelement te gebruiken in plaats van de
sectie-element wanneer het logisch zou zijn om de inhoud van te syndiceren
het element.

en voor artikel

Het artikelelement vertegenwoordigt een zelfstandige samenstelling in een
document, pagina, toepassing of site en dat is in principe
onafhankelijk versterkbaar of herbruikbaar, b.v. in syndicatie. Dit
kan een forumpost zijn, een tijdschrift of krantenartikel, een bloginvoer,
een door de gebruiker ingezonden commentaar, een interactieve widget of gadget of een
ander onafhankelijk item van inhoud.

Ik denk dat wat u “secties” noemt in de OP Passing de definitie van artikel, omdat ik ze kan zien onafhankelijk uitdagend of herbruikbaar .

Update:enkele kleine tekstwijzigingen voor articlein de nieuwste concept van de editor voor HTML 5.1(wijzigingen in cursief):

Het artikelelement vertegenwoordigt een compleet, ofop zichzelf staand,
compositie in een document, pagina, applicatie of site en dat wil zeggen, in
principe, onafhankelijk verspreidbaar of herbruikbaar, b.v. in
syndicatie. Dit kan een forumbericht, een tijdschrift of een krant zijn
artikel, een blogbericht, een door een gebruiker ingediende opmerking, een interactieve widget
of gadget, of enig ander onafhankelijk inhoudsitem.

Ook discussie over de openbare HTML-mailinglijst over articlein Januarien februarivan 2013.


Antwoord 3, autoriteit 23%

Ik zou <article>gebruiken voor een tekstblok dat totaal geen verband houdt met de andere blokken op de pagina.
<section>, aan de andere kant, zou een scheidingsteken zijn om een document te scheiden dat aan elkaar gerelateerd is.

Ik weet niet zeker wat je in je video’s, nieuwsfeed enz. hebt, maar hier is een voorbeeld (er is geen ECHT goed of fout, alleen een richtlijn voor hoe ik deze tags gebruik):

<article>
    <h1>People</h1>
    <p>text about people</p>
    <section>
        <h1>fat people</h1>
        <p>text about fat people</p>
    </section>
    <section>
        <h1>skinny people</p>
        <p>text about skinny people</p>
    </section>
</article>
<article>
    <h1>Cars</h1>
    <p>text about cars</p>
    <section>
        <h1>Fast Cars</h1>
        <p>text about fast cars</p>
    </section>
</article>

Zoals je kunt zien, zijn de secties nog steeds relevant voor elkaar, maar zolang ze zich in een blok bevinden waarin ze zijn gegroepeerd. Secties hoeven NIET in artikelen te staan. Ze kunnen in de hoofdtekst van een document staan, maar ik gebruik secties in de hoofdtekst, wanneer het hele document één artikel is.

bijv.

<body>
    <h1>Cars</h1>
    <p>text about cars</p>
    <section>
        <h1>Fast Cars</h1>
        <p>text about fast cars</p>
    </section>
</body>

Ik hoop dat dit logisch is.


Antwoord 4, autoriteit 11%

Ik houd me graag aan de standaardbetekenis van de gebruikte woorden: een articleis van toepassing op, nou ja, artikelen. Ik zou blogposts, documenten en nieuwsartikelen definiëren als articles. Secties daarentegen zouden verwijzen naar layout/ux-items: zijbalk, koptekst, voettekst zouden secties zijn. Dit is echter allemaal mijn eigen persoonlijke interpretatie — zoals je al aangaf, zijn de specificaties voor deze elementen niet goed gedefinieerd.

Om dit te ondersteunen, definieert de w3ceen article-element als een inhoudsgedeelte dat zelfstandig op zichzelf kan staan. Een blogpost kan op zichzelf staan als een waardevol en consumeerbaar inhoudsitem. Een koptekst echter niet.

Hier is een interessant artikel over één Mans waanzin in het proberen om te verschil tussen de twee nieuwe elementen. Het basispunt van het artikel, dat ik ook het gevoel heb, is om te proberen en te gebruiken welk element dat u het beste vindt, vertegenwoordigt eigenlijk wat het bevat.

Wat is problematischer is dat artikel en sectie zo erg zijn
vergelijkbaar. Het enige dat ze scheidt, is het woord “op zichzelf staande”.
Beslissen welk element dat moet worden gebruikt, zou gemakkelijk zijn als er wat moeilijk was
en snelle regels. In plaats daarvan is het een kwestie van interpretatie. Je kan hebben
Meerdere artikelen binnen een sectie, kunt u meerdere secties hebben
Binnen en artikel kunt u secties nestelen binnen secties en artikelen
in secties. Het is aan jou om te beslissen welk element het meest is
semantisch geschikt in een bepaalde situatie.

hier is een zeer goed Antwoord op dezelfde vraag hier op het


5, Autoriteit 9%

Het onderstaande stroomschema kan van hulp zijn bij het kiezen van een van de verschillende semantische HTML5-elementen:


6, Autoriteit 2%

Een sectie is eigenlijk een wikkel voor h1(of andere htags) en de inhoud die hiermee overeenkomt. Een articleis in wezen een document in uw document dat wordt herhaald of gepakt … zoals elk blogpost op uw document kan een artikel zijn, of elke opmerking op uw document kan een artikel zijn.


7

Ook voor gesyndiceerde inhoud “auteurs worden aangemoedigd om het artikelelement te gebruiken in plaats van het sectie-element wanneer het logisch is om de inhoud van het element te syndificeren.”


8

Mijn interpretatie is:
Ik denk aan YouTube het heeft een reactie-sectie en in de reactie-sectie zijn er meerdere artikelen (in dit geval opmerkingen).

Dus een sectie is als een div-container die artikelen bevat.


9

Artikel en sectie zijn beide semantische elementen van HTML5.
Sectie is de generieke sectie Blokniveau van een webpagina, maar relevant voor onze webpagina-inhoud.
Artikel is ook blokniveau, maar artikel verwijst naar een individuele blogpost, een opmerking, van een webpagina.

Zowel artikel als sectie moeten een rubriekelementen H2-H6 bevatten.

Gebruik voor een blogpost de volgende syntaxis voor artikel en sectie.

<article role="main">
         <h1>Heading 1</h1>
         <p>Article Description</p>
         <section id="sec1">
                <h2>Section Heading</h2>
                <p>Section Description</p>
         </section>
         <section id="sec2">
                <h2>Section Heading</h2>
                <p>Section Description</p>
         </section>
</article>

Other episodes