Uudempaa HTML:ää / matemaattiset kaavat ja merkit ?

Modern_HTML

Otetaanpa esimerkiksi tämä Wikipedia -sivu:

http://fi.wikipedia.org/wiki/Rotaatio_(geometria)

Mene em. sivulle, rullaa vierityspalkilla esiin kohta: Matriisilaskenta.
Klikkaa hiiren OIKEAlla napilla sanan "Matriisilaskenta" oikealla puolella pystysuunnassa samalla tasolla olevaa sanaa "[muokkaa]" ja valitse avautuvasta pikkuvalikosta (pop-up menu) "avaa uuteen välilehteen". (Älä tallenna muokkauksia).

Sen sijaan:

Uuteen välilehteen avautuu tuon "Matriisilaskenta" -osion lähdekoodi.
Maalaa se kokonaan ja kopioi (Ctrl-C) leiketaululle.
Käynnistä tekstieditori (Windowsissa Notepad / Muistio) ja valitse muistion valikosta liitä (Ctrl-V).

Kun luet esim. muistiossa em. lähdekoodia, se näyttää hieman oudolta.

Ei siis ole (ainakaan matemaattisten kaavojen ja merkkien osalta) ihan perus-html:ää, mutta ei myöskään perinteisiä javaScript -funktiokutsuja !

Mikä html rakenne tällainen on ?
Mistä html -versiosta alkaen tällainen on ollut käytössä ?

Mistä opiskelumateriaalia tämänkaltaisesta toiminnallisuudesta ?

Tällä kertaa haluaisin tulostaa paperille ko. osan em. Wikipedia -sivusta (mutta en siis koko sivua).

Jos tuo olisi normaalia HTML:ää, riittäisi kopioida ko. osio uuteen tiedostoon, ja ladata selaimelle tuo omalla kiintolevyllä oleva tiedosto, johon on kopioitu vain osa em. sivusta ja sen voisi suoraan tulostaa, mutta nyt operaatio onkin monimutkaisempi.

Jossain muualla netissä olen törmännyt samantapaiseen teknologiaan kun yritin selvittää, onko matemaattisten kaavojen tekoon olemassa valmista javaScript -koodia: en muista sivua, mutta oli englanninkielinen ja idea sama: taustalla on hyvinkin javaScript -koodia, mutta sitä ei käytetäkään perinteiseen tapaan funktiokutsuilla, vaan upottamalla erityisiä komentosanoja ja/tai merkkiyhdistelmiä suoraan html -koodiin ja jotenkin javaScript -koodi osaa tällöin tunnistaa ja käsitellä nuo kohdat html:stä automattisesti ja matemaattiset kaavat ja/tai merkit näkyvät graafisena suraan sivulla.

Taitavat perinteiset HTML ja javaScript -oppikirjat olla pahasti vanhentuneita kun eivät mainitse tällaisesta tavasta käyttää javaScriptiä hyväkseen ilman perinteisiä funktiokutsuja ???

3

198

    Vastaukset

    Anonyymi (Kirjaudu / Rekisteröidy)
    5000
    • Tekno79

      Tarkoitat varmaan tämän kaltaista osuutta:

      :\begin{align}
      x'&=x\cos\theta-y\sin\theta\\
      y'&=x\sin\theta y\cos\theta.
      \end{align}

      "Wikipedian Mediawiki-ohjelmisto tukee osittain TeX-ladontajärjestelmää. Matemaattisten kaavojen näyttämiseen on lisäksi käytössä erillisiä laajennuksia LaTeXista ja AMS-LaTeXista."

      Asiasta löytyy ohjetta suomeksi Wikipedian ohjeista:
      http://fi.wikipedia.org/wiki/Ohje:Kaavat

      ps. painetut kirjat ovat pääsääntöisesti pahasti vanhentuneita.

    • Tekno79

      Ja vielä siitä osa-alueen tulostuksesta. Maalaa haluttu alue hiirellä, kopioi, ja liitä wordiin tai vaikka Libre(Open)Officeen. Kuvat tulee kivasti mukana ja voi sitten tulostella siitä. Ei tarvii kikkailla koodien kanssa lainkaan.

    • Tuo Wikipedia-sivu havainnollistaa hyvin sitä, miten matemaattisia kaavoja ei kannata tehdä nettisivuille. Katsopa vaikka theeta-kirjaimia: tekstissä on pari kertaa oikean näköinen theeta θ, sitten isompi ja riviltä pudonnut ruma theeta ja isoissa kaavoissa vielä kolmannenlainen. Isot kaavat ovat kuvia, kuten huomaa esimerkiksi suurentamalla sivua (Ctrl ): kaavat muuttuvat sumuisiksi.

      Parempi tapa (ja nykyisin varsin suosittu) on MathJax, ks.
      http://www.mathjax.org

      Wikipedian isoissa kaavoissa on alt-määritteenä LaTeX-koodi, jolla kuva on tuotettu. Sen voi kopioida käytettäväksi MathJaxin kanssa. MathJaxin idea on, että *selain* luo kaavasta taitetun, laadukkaan esityksen tavalla, joka sietää suurentamista ja paperille tulostamista.

    Ketjusta on poistettu 0 sääntöjenvastaista viestiä.

    Luetuimmat keskustelut

    1. Onks sulle väliä, jos jokin kaivattusissa

      ei ole täydellistä? Esim. venytysmerkit, arvet, selluliitti, epäsymmetriset rinnat, vinot hampaat jne?
      Ikävä
      87
      4698
    2. Ei sinussa ollut miestä

      Selvittämään asioita vaan kipitit karkuun kuin pikkupoika.
      Ikävä
      134
      4223
    3. Shokkiyllätys! 31-vuotias Hai asuu vielä "kotona" - Anna-vaimon asenne ihmetyttää: "No ei tämä..."

      Hmmm, mitenhän sitä suhtautuisi, jos aviomies/aviovaimo asuisi edelleen lapsuudenperheensä kanssa? Tuore Ensitreffit-vai
      Ensitreffit alttarilla
      36
      2795
    4. Eikö Marin ollut oikeassa kokoomuksen ja persujen toiminnasta

      Ennen vaaleja Marin kertoi mitä kokoomus tulisi hallituksessa tekemään ja tietysti persut suostuu kaikkeen, mitä kokoomu
      Maailman menoa
      213
      1835
    5. Olet elämäni rakkaus

      On ollut monia ihastumisia ja syviäkin tunteita eri naisia kohtaan, mutta sinä olet niistä kaikista ihmeellisin. Olet el
      Ikävä
      37
      1367
    6. Missä Steffe hiihtää?

      Missä reppuli luuraa? Ei ole Seiskassa mitään sekoiluja ollut pariin viikkoon? Onko jo liian kylmä skulata tennistä ulko
      Kotimaiset julkkisjuorut
      25
      1339
    7. Wiisaat Lappajärvellä iät.

      Nyt nimiä listaan menneistä ja nykyisistä Wiisaista Lappajärveläisistä. Itseäkin voi tuoda esille kaikessa Wiisaudessa.
      Lappajärvi
      12
      1316
    8. Ratkaiseva tekijä kiinnostuksen heräämisessä

      Mikä tekee deittikumppanista kiinnostavan? Mitä piirrettä arvostat / et arvosta?
      Sinkut
      67
      1278
    9. Milloin nainen, milloin?

      Katselet ja tiedän, että myös mieli tekee. Voisit laittaa rohkeasti viestin. Tiedät, että odotan. Ehkä aika ei ole vielä
      Ikävä
      61
      1243
    10. Seiska: Konsta Hietanen ja Aami-rakas iltamenoissa - Salkkareista Aami täräyttää: "Sarja oli..."

      Konsta Hietanen jätti Salatut elämät -draamasarjan tänä syksynä. Konstaa kyllä kaivataan vieläkin Salkkareissa! Lue li
      Suomalaiset julkkikset
      2
      1222
    Aihe