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

258

    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. Kannattaako suomalaisen duunarin enää äänestää vasemmistopuolueita

      sillä eivät ne tunnu kovasti ajavan suomi-duunarin etuja. Jos katsotaan Vasemmistoliittoa, niin sehän on ihan feministi
      Maailman menoa
      175
      5625
    2. Jaaha, sitä on vasemmistoryhmä käynyt häiriköimässä Purran kodin vieressä

      On näköjään iso lakana levitetty puiden väliin, jossa lukee mm. "Haista vi*** Riikka Purra". Tunkekaa leikkaukset pers..
      Maailman menoa
      103
      5574
    3. Professori: Maahanmuuttajien rikollisuutta hyssytellään - hävytöntä

      Kriminologi Jukka Savolaisen mukaan ikä ja vaikeat olosuhteet eivät riitä selitykseksi. – Tutkitun tiedon valossa sanoi
      Maailman menoa
      180
      4548
    4. Mistä kummasta voi johtua se, että vasemmistolaiset usein häpeää itseään

      voiko se johtua esim. köyhyydestä? Ja tästä on siis ihan suomalainen tutkimus olemassa. "Suomalainen tutkimus osoittaa
      Maailman menoa
      51
      4013
    5. Sanna-kulttilaiset hehkuttaa edelleen Marinia, vaikka esim. Sote oli susi jo syntyessään

      mutta kulttilaiset eivät ole järjen jättiläisiä, ja sanoihin Lasse Lehtinenkin, että Suomessa on pohjoismaiden tyhmimmät
      Maailman menoa
      61
      3890
    6. Marin teki sen mihin muut eivät pystyneet, vei susi-Soten maaliin

      ja sitten hävittyjen vaalien jälkeen lähtikin vastuuta pakoon...... "Professori: sote-uudistus on täysi susi. Sosiaali
      Maailman menoa
      30
      3548
    7. Saatoin tehdä elämäni isoimman virheen

      Otsikko kertoo kaiken. Miksei kaikki voi olla yksinkertaisempaa?
      Ikävä
      127
      1264
    8. Jotenkin tämä

      tilanne taas eskaloitui ja saat mut roikkumaan täällä palstalla. Turhaan. Ei nämä tekstit sua koskaan tavoita. 😭
      Ikävä
      33
      940
    9. Kova ikävä parittelukumppania täällä korvessa

      Mutta muuten kyllä on rauhallista.
      Ikävä
      17
      938
    10. Kivitippu Forenomille

      Ei tiedä itkeäkö vai nauraa kun taas joukolla vakuutetaan kansainvälisten turistien ryntäystä kivitippuun, ja vielä rake
      Lappajärvi
      102
      898
    Aihe