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

293

    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. Laitetaas nyt kirjaimet tänne

      kuka kaipaa ja ketä ?
      Ikävä
      91
      7462
    2. Pieni häivähdys sinusta

      Olet niin totinen
      Ikävä
      40
      3602
    3. Lähetä terveisesi kaipaamallesi henkilölle

      Vauva-palstalta tuttua kaipaamista uudessa ympäristössä. Kaipuu jatkukoon 💘
      Ikävä
      102
      1836
    4. Missä olet ollut tänään kaivattuni?

      Ikävä sai yliotteen ❤️ En nähnyt sua tänään söpö mies
      Ikävä
      24
      1040
    5. Taas ryssittiin oikein kunnolla

      r….ä hyökkäsi Viroon sikaili taas ajattelematta yhtään mitään https://www.is.fi/ulkomaat/art-2000011347289.html
      NATO
      32
      923
    6. Valtimon Haapajärvellä paatti mäni nurin

      Ikävä onnettomuus Haapajärvellä. Vene hörpppi vettä matkalla saaren. Veneessä ol 5 henkilöä, kolme uiskenteli rantaan,
      Nurmes
      27
      901
    7. Rakastuminenhan on psykoosi

      Ei ihme että olen täysin vailla järkeä sen asian suhteen. Eipä olis aikoinaan arvannut, että tossa se tyyppi menee, jonk
      Ikävä
      53
      807
    8. Tähän vaivaan ei auta kuin kaksi asiaa

      1. Tapaaminen uudestaan tai 2. Dementia Anteeksi kun olen olemassa🙄
      Ikävä
      60
      729
    9. Olisinko mä voinut käsittää sut väärin

      Nyt mä kelaan päässäni kaikkea meidän välillä tapahtunutta. Jos mä sit kuitenkin tulkitsin sut väärin? Se, miten sä käyt
      Ikävä
      31
      722
    10. Känniläiset veneessä?

      Siinä taas päästiin näyttämään miten tyhmiä känniläiset on. Heh heh "Kaikki osalliset ovat täysi-ikäisiä ja alkoholin v
      Nurmes
      26
      652
    Aihe