it-swarm-eu.dev

Jaká je sémanticky správná struktura stránky blogu pomocí značek HTML5?

Chtěl bych grok konečnou povahu <aside>, <section>, <article>.

Jaká je nejlepší, sémanticky správná struktura stránky blogu pomocí značek HTML5?

Mám vložit postranní panel dovnitř <aside>? Nebo to spíše patří do <section> (jako <aside> by mělo být použito pro reklamu, krátké nabídky apod.)?

Jak mám představit hlavní funkci, blogový příspěvek? Jak správně používat <article>?

Jak mám označit značky článků?

9
Wabbitseason

Chcete použít <article> pro příspěvky do blogu. Mark Pilgrim má opravdu dobré vysvětlení , jak používat jednotlivé značky. Vysvětluje také, jak označit article těsně pod seznamem definic na svém webu. Toto je fantastická kniha pro učení HTML 5 a CSS.

„Prvek článku představuje součást stránky, která se skládá ze samostatné kompozice v dokumentu, stránce, aplikaci nebo webu a která je určena k samostatné distribuci nebo opakovanému použití, např. Při syndikaci.“

Aside je pro prvky „tangenciálně související“ a section představuje „představuje obecný dokument nebo sekci aplikace.“

7
citadelgrad

Pokud jde o <aside>, přemýšlejte o tom stejně jako divadelní stranou: příběh je pozastaven, aby vysvětlil něco publiku, na krátkou chvíli se otočil na tečnu a poté se vrátil k hlavnímu zaměření. Např.:

<article>
     <p>A horse walks into a bar.</p>
     <p>The bartender says, "Why the long face?"</p>
     <aside>Not because it was sad, horses just have long faces.</aside>
</article>

Hrozný příklad, ale platný. Je pravděpodobné, že to bude užitečné pro věci, jako jsou pull-uvozovky a další tangenty související s článkem, ale jako ryze sémantický tag, reklamy obvykle nepatří.

Reklamní systém zaměřený na klíčová slova se nestará o sémantické přizpůsobení vašeho obsahu, ale více ho zajímá odpovídající demografie. Pokud váš <article> je pouze o PHP a přitahuje reklamy související s Python/Perl/Java (v určitém okamžiku to bude), váš <aside> právě ztratil svůj význam. Raději byste je umístili na jiné stránky.

2
tadamson