HTML5 Sivupohja

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öä.
7384
Äänestä

Muut lukivat myös

Vastaukset 7

Vanhimmat

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.

Äänestä

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>

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

    Äänestä

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" />

Äänestä

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.

Äänestä

  • 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ä.

    Äänestä

Kommentoi aloitusta


Anonyymi kirjoitti:

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öä.

Anonyymi
5000

Ilmoita asiaton sisältö

  • Sisältää materiaalia, joka on loukkaavaa, herjaavaa, rasistista, uhkailevaa tai ahdistelevaa.

  • Materiaali sisältää nimiä, yhteystietoja tai muita henkilökohtaisia tietoja. Julkisuuden henkilöistä, julkisissa viroissa toimivista ihmisistä sekä yritysten vastuuhenkilöistä saa keskustella työhön liittyen. Myös yksityiselämään liittyvistä asioista voi keskustella siltä osin, kuin niistä on julkisesti kerrottu.

  • Sisältää lapsille haitallista tai heiltä kiellettyä materiaalia. Seksuaalinen sisältö on sallittua aiheeseen tarkoitetuilla palstoilla, joiden ikäraja on 18 vuotta.

  • Lainvastaista sisältöä voi olla mm. yksityiselämää loukkaavan tiedon levitys, kiihottaminen kansanryhmää vastaan, laiton uhkaaminen, alaikäisiin liittyvä seksuaalinen sisältö/grooming, petokset, identiteettivarkaudet, kunnianloukkaukset ja tekijänoikeusrikkomukset.

  • Sisältö ei liity palstan tai keskusteluketjun aiheeseen.

  • Viesti ei ole suomea tai ruotsia (pl. International Forums), se sisältää mainontaa, se sisältää tekijänoikeuksin suojattua materiaalia, se on massapostitus tai jokin muu syy.

Jaa keskustelu