HTML5 Sivupohja

Anonyymi

Mitä olette sisällyttäneet sivupohjaan jonka editorinne avaa kun aloitatte uuden HTML5 sivun rakentamisen.

Eli mitkä ovat mielestänne HTML sivun peruselementit, jotka pitäisi jokaisesta dokumentista löytyä. Ajatellaan nyt vaikka Geany editoria, jonka sivupohjat löytyvät kansiosta

/usr/share/geany/templates/files/

Koska suomalaisia editoreja ei ole, on kaikkien editorien pohjat muokattava ainakin maakohtaisilta ominaisuuksiltaan, esimerkkinä vaikka <html> tagi;

<html lang="en"> => <html lang="fi">

Kaikki ei ymmärrä miksi tuokin tulisi muuttaa, niin kerrottakoon heille, että selaimet päättelevät sivun käyttämän kielen juuri tuon tagin sisällöstä, ja kun siinä mainitaan oletusarvoisesti englanti, selain tarjoaa turhaan sivun suomenkieliseksi kääntöä.

7

343

    Vastaukset

    Anonyymi (Kirjaudu / Rekisteröidy)
    5000
    • Anonyymi

      Tuon kielen minkä jo mainitsit, ja sitten meta-tagilla charsetin utf-8:ksi. Vievportinkin voi asettaa, jos meinaa tehdä mobiiin skaalautuvaa.
      <meta name="viewport" content="width=device-width, initial-scale=1.0"/>

      VSCodea käytän editorina.

    • Anonyymi

      Tämä on melko hyvä pohja, jota voi laajentaakkin, koska on nopeampi poistaa kuin lisätä. Tässä siis esitellään js -kansio ja css -kansio valmiiksi. Huomasin tarpeelliseksi sen vuoksi että ei vain muista kuinka se tehtiin, joten poistan jos joku määrittely käy tarpeettomaksi.

      <!DOCTYPE html>
      <html lang="fi">
      <head>
      <meta charset="utf-8" />
      <link href="./css/style.css" rel="StyleSheet" type="text/css">
      <script src=”./js/jquery-3.1.1.min.js”></script>
      <title>nimetön</title>
      </head>
      <body> </body>
      </html>

      • Anonyymi

        Kiitos, juuri näitä, kokemukseen perustuvia käytännön neuvoja tarvitaan.


    • Anonyymi

      Bluefish hyvin vanha HTML -editori, ei vaan lyö itseään läpi, vaikka merkkaa tiedostot tuotetuksi alla olevaan tapaan, meta-tagilla, ja tekee tuon vielä kysymättä. Koodin syntaksi väritykset on surkeita, vaikka muuten helpottaakin sivun tekoa mukavasti.

      <meta name="generator" content="Bluefish 2.2.11" />

    • Anonyymi

      Mikä on jQuery?
      jQuery on nopea, pieni ja monipuolinen JavaScript-kirjasto. Se tekee HTML-asiakirjojen läpikäynnistä ja manipuloinnista, tapahtumien käsittelystä ja animaatiosta paljon yksinkertaisemman helppokäyttöisen.

      On jo vaikea löytää sivustoa, joka ei olisi käyttänyt jQuery kirjastoa hyväkseen. Kirjasto voidaan liittää mukaan paikallisena tai viittauksena sen syntysijoille. Ehkä paikallinen liitos on parempi kun on kiintolevyllä olevan sivu pystyttävä avaamaan ilman verkkoyhteyttä;

      Paikallinen mukaan otto:
      <script src="./js/jquery-3.5.1.min.js"></script>

      Ulkoinen liittäminen:
      <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>

      Eipä se ole pohja pahasti pilattu jos molemmat laittaa oletuksena mukaan, ja tarpeettoman poistaa.

      • Anonyymi

      • Anonyymi
        Anonyymi kirjoitti:

        Linkittäminen kolmannen osapuolen js-kikkareisiin on aina jonkunlainen riski.

        https://fi.wikipedia.org/wiki/Cross-site_scripting

        Aivan, ja jos olet huomannut, kuinka ahneesti tarjotaan juuri tämän saman kirjaston valmista linkkiä, joka osoittaa aivan muualle kuin tuonne kirjaston syntysivuille.

        Aivan tässä muutaman päivän sisään törmäsin juuri tuollaiseen, ja oli tarkoitus ladata alkuperäinen ja tämä epäilyksiä herättävä ja suorittaa näiden välillä eroavuuksien haku, mutta jäi syystä tai toisesta tekemättä.


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

    Luetuimmat keskustelut

    1. Hallitus pyrkii rajoittamaan kaupan omien halpamerkkien myyntiä

      Helsingin Sanomien mukaan hallitus valmistelee lakihanketta, joka suitsii kaupan valtaa ja rajoittaa omien halpamerkkien
      Yhteiskunta
      251
      3822
    2. Tapettu

      On joku kangaskadulla perjantaina
      Sotkamo
      60
      3691
    3. Björn Wahlroos, maataloustuet lakkautettava

      Sanoo pankkimies. Mitäs persut ja muut tukinulliem perskärpäset tähän? "Wahlroos listaa kansallisen maataloustuen. – I
      Maailman menoa
      111
      3023
    4. Persut päättivät hiilivoiman kieltämisestä Suomessa

      Moni on jo unohanut kuka hyväksyi hiilivoimaloiden kieltämisen Suomessa: persut Sukupuolineutraalit liikennemerkitk
      Maailman menoa
      57
      2738
    5. Työvoimatoimisto

      Nyt kysyisin miksi pitää käydä työvoimatoimistossa paikanpäällä, kun he eivät muuta tee kuin laittavat koneelle uudet ve
      Työttömyys
      125
      2549
    6. Nalle Wahlroos ei ulise kuten Teemu Selänne sähkölaskuista

      Nalle "hah hah" nauroi saamistaan sähkötuista, kun taas Teemu-poika itkeä tirautti kovasta sähkön hinnasta. Nalle nauro
      Maailman menoa
      35
      2132
    7. Muistattekos kuinka kokoomus ja persut vinkuivat sähkön hinnasta?

      Oppositiossa vuonna 2022, kun sähkön hinta uhkasi nousta 20 senttiin kilowattitunnilta? Nyt ovat hiiren hiljaa, kun pitä
      Maailman menoa
      101
      2051
    8. Vain persut vastustivat hiilivoimaloiden alasajoa

      Persut vastusti jyrkästi hiilen kieltolakia ja on myöhemmin vaatinut hiilivoimaloiden pitämistä käytössä. He perusteliva
      Maailman menoa
      44
      1911
    9. Mikä aate kaiken pahan takana?

      Se laiskistuttaa kansat, opettaa vaatimaan etuisuuksia, syleilee maailmoja eikä omaa kansaa.
      Maailman menoa
      123
      1891
    10. Mietin sua liikaa

      Mietin nytkin sitä, että millaista se olisi tulla kotiin, kun sinä olisit täällä vastassa. Tai niin päin, että sinä tuli
      Ikävä
      71
      1239
    Aihe