Suoraan sisältöön

Ulkoasu H5

Tämän hetkinen ulkoasu on siis tehty käyttäen HTML 5- ja CSS 3-standardien ehdotuksia käyttäen.

Sivujen rakenne on yksinkertaisimmillaan tällainen:


<html>
  <head>
   <title/>
  </head>
  <body>
    <header>
      Sivun otsikko
    </header>
    <nav>
      <ul>
        <li>navigaatio</li>
      </ul>
    </nav>
    <section id="main">
      <article>
        <header>
          Artikkelin otsikko
        </header>
        <article>
          Artikkeli
        </article>
        <footer>
          Artikkelin metatietoa
        </footer>
      </article>
    </section>
    <section id="sidebar">
      Sivupalkki
    </section>
    <footer>
      Sivun metatietoa
    </footer>
  </body>
</html>

Pari ylimääräistä <div> -elementtiä laitoin keskityksen ja muunkin rendauksen vuoksi. Ei kovin monimutkaista. Suurin osa elementeistä on kuitenkin sellaisia, joita vanhemmat selaimet, eivätkä kaikki uudetkaan, eivät ymmärrä suoraan ilman temppuilua. Tästä johtuen luultavasti joku nätti ilta lähitulevaisuudessa vaihdan ne elementit toisiin, pidän silti DOCTYPEn samana. WordPress ei taivu HTML 4:ään ihan suorilta, vaan pitää ottaa tyhjistä elementeistä tulostusvaiheessa sulkeva kauttamerkki pois, niin HTML 5 DOCTYPE on omiaan.

Jospas nyt riittäisi nörtteilyt hetkeksi ja voisi keskittyä pian alkavaan kesälomaan ja Puntala-rokkiin. Ammi tilasi jo meille liput.

Vastaa