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ů?
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.“
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.