•  26-09-2019
  •  | 
  •  

Domanda

non riesco a trovare demo di struttura tag <header>, <footer>, <articles> ... http://brucelawson.co.uk/tests/html5-elements.html Qui, qualcosa di simile, ma con evidenza di ogni elemento Si prega, aiuto

È stato utile?

Soluzione 2

WT ... Trovo che questo !!! http://netstream.ru/htmlsamples/html5-blog/index.html Ecco, questo è grandiosa !!!

Altri suggerimenti

C'è un buon articolo in elenco a parte (come al solito): http://www.alistapart.com/articles/previewofhtml5

Per una struttura semplice, è posible racchiudere 'articolo' e 'parte' all'interno di una 'sezione', ma questo non è obbligatorio se si dispone di una sola sezione.

Ad esempio: 

<header>...</header>
<section>
  <article>...</article>
  <aside>...</aside>
</section>
<footer>...</footer>

è lo stesso di: 

<header>...</header>
  <article>...</article>
  <aside>...</aside>>
<footer>...</footer>

ma come questo tag sono molto flessibili non sono fissati ad un unico luogo, per esempio: 

<header>...</header>
<section>
  <header>...</header>
  <nav>...</nav>
  <aside id="navbar1">...</aside>
  <article>
    <header>...</header>
    <section>...</section>
    <aside>...</aside>
    <footer>...</footer>
  </article>
  <aside id="navbar2">...</aside>
  <footer>
  </footer>
</section>
</section>...</section>
<nav>...<nav>
<footer>...</footer>

Due grandi risorse sono HTML5 Dottore e HTML5 Galleria . Essi offrono articoli su come usare i nuovi tag HTML5 ed esempi di siti che li utilizzano, rispettivamente, dettagliata.

Il post di cui sopra è corretto, ma gli strumenti di navigazione dovrebbe utilizzare il tag <nav>, che è il codice più semantico. (Nota: non utilizzare il tag sezione per un contenitore globale, l'uso <div id="main"> o anche <body> con l'intestazione riarrangiato e piè di pagina): 

<header>...</header>
<div id="main">
  <header>...</header>
  <nav>...</nav>
  <aside class="nav_container">
    <nav id="navbar1">...<nav>
  </aside>
  <article>
    <header>...</header>
    <section>...</section>
    <aside>...</aside>
    <footer>...</footer>
  </article>
  <aside class="nav_container">
    <nav id="navbar2">...<nav>
  </aside>
  <footer>
  </footer>
</div>
</section>...</section>
<nav>...<nav>
<footer>...</footer>

Introduzione con HTML5 è il modo migliore

Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top