HTML.md

HTML struktuuri tarkemmin

Itse taulukot noudattavat seuraavanlaista HTML-rakennetta. Huomaa että ruotsinkieliset versiot pitää lisätä duplikaatteina eikä niitä ole seuraavassa tarkemmin eritelty selkeyden vuoksi

Yleisrakenne

<h2>Yläotsikko</h2>
    <div class="scrollwrap">
        <h3>Alaotsikko</h3>
        <table class="formulae">
        .
        . välissä LaTeX kaavoja ja soluja
        .
        </table>
    </div>

Otsikot

<h2></h2> muodostavat automaattisesti sivupalkin ylätason otsikot, jotka voivat kuvata muunmuassa eri aiheita.

<h3></h3> on aihealueen alaotsikko.

Esimerkki matematiikasta

<h2>Algebra</h2>
    <div class="scrollwrap">
        <h3>Itseisarvo</h3>
        .
        .
        .
    </div>

Kaavan lisääminen otsikkoon tapahtuu seuraavalla tavalla

<h2>Geometria</h2>
<div class="scrollwrap">
    <h3>Pythagoran lauseke</h3>
    <span>\( a^2 + b^2 = c^2 \)</span>
    <table class="formulae">
        .
        .
        .
    </table>
</div>

Lopullinen otsikko näyttää tällöin sivulla muodolta Pythagoran lauseke <kaava>, josta vain edellisen esimerkin <h4></h4> tagien sisäinen osa otetaan mukaan lopulliseen sisällysluetteloon.

Kuvat

Tallenna kuvat aina .svg-muodossa ja kansioon content/images. Katso testisivulta miten kuvat upotetaan lähdekoodiin.

Kielet

Suomen ja ruotsin kielen tuki on toteutettu niin, että lisäämällä mille tahansa HTML-elementille attribuutin lang="fi" tai vastaavasti lang="sv", saadaan eriteltyä suomenkieliset ja ruotsinkieliset kaavat. Kerrallaan on valittuna aina yksi kieli sivustolla, jolloin esimerkiksi suomenkielinen valinta piilottaa automaattisesti kaikki ruotsinkieliset elementit.

Muuta

Helpoin tapa on noudattaa jo olemassa olevaa lähdekoodia ja pitää sitä esimerkkinä, kun tekee uusia kaavoja.