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

383

    Vastaukset 7

    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. Haapaveden upea kurvikuningatar

      No nyt on kyllä mahtava uutinen että Haapaveden rohkea ja toimelias nainen ja yrittäjä on päässyt finaaliin kurvikuninga
      Haapavesi
      101
      1216
    2. Uskaltaisitko ihana nuorempi nainen lähettää

      WhatsApp -viestiä, jos sulla on mun numero. Olisin ihan haltioitunut... Tykkään ja kaipaan ❤️❤️
      Ikävä
      86
      736
    3. Meinasi nainen mennä pasmat sekaisin

      Rupesin vapisemaan, kun huomasin sinut. Mutta sain sentään juuri ja juuri koottua itseni, etten ihan häpäissyt itseäni.
      Ikävä
      35
      671
    4. Sinulle viestiä

      Me sitten oikeasti tutustutaan ensin!!
      Ikävä
      47
      647
    5. Suomi meni ihan itse sössimään peruskoulunsa

      Nyt syytellään maahanmuuttoa, vaikka ihan itse lopetettiin vaatimaan oppilailta koulunkäynnin tarkoitus eli opiskelu ja
      Maailman menoa
      112
      525
    6. Lidilikö Suomussalmelle

      Tännekki Lidili. Loppus tuo kiskominen näillä jäljellä olevilla. K-Market ihan sikakallis ja hyvin ylimieliset omistajat
      Suomussalmi
      30
      521
    7. Ei makeat pimut sytytä

      sen jälkeen kun on nähnyt sinut. Olet vain ihastus vailla vertaa. Kun sinut tuntee muut eivät tunnu miltään. Tajuatko ol
      Ikävä
      32
      496
    8. Upeaa Google!

      Kohta on töitä tarjolla kaikille! Suomen taloushistorian suurin investointi ja Kajaani mainittu! Sähkö kyllä riittää, tö
      Kajaani
      181
      489
    9. Huomasitko? Elämä Lapselle -konsertti tänään suorana tv:ssä - Aika kova kattaus huippuartisteja!

      Lastenklinikoiden Kummien järjestämä Elämä Lapselle -konsertti tukee Suomen viiden yliopistollisen lastensairaalan toimi
      Viihde ja kulttuuri
      23
      477
    10. Miten vaikuttaa

      Jos kaivatustasi on moni muukin kiinnostunut?
      Ikävä
      59
      453
    Aihe