Aloin tekemään kotitivujani. Mikä olisi kattava teos, kun haluaisin oppia tekemään valideja sivuja? Laitoin koodiini
ja tein tyhjiä rivejä komennolla
, mutta validaattori (http://validator.w3.org/)
valitti
"document type does not allow element "BR" here."
tuo br on :n ja :n välissä. Myös tuottaa saman virheilmoituksen.
En kyllä yhtään tiedä, mikä tuon
merkitys on ja onko se oikein. Ajattelin ensiksi tehpä perus-HTML -sivut ja myöhemmin lisäillä siihen php:tä ja mahdollisesti mysql:ää.
ja tein tyhjiä rivejä komennolla
, mutta validaattori (http://validator.w3.org/)
valitti
"document type does not allow element "BR" here."
tuo br on :n ja :n välissä. Myös tuottaa saman virheilmoituksen.
En kyllä yhtään tiedä, mikä tuon
merkitys on ja onko se oikein. Ajattelin ensiksi tehpä perus-HTML -sivut ja myöhemmin lisäillä siihen php:tä ja mahdollisesti mysql:ää.
Vastaukset 10
Vanhimmat
eipä sitä -tagia tuonne kuulukaan.
väärin
oikein
Kaikki tavara tulee -parin sisään
Virheet väheni. Vielä tulee valituksia.
Warning Line 4, Column 67: NET-enabling start-tag requires SHORTTAG YES.
…"Content-Type" content="text/xhtml; charset=UTF-8"/>
NET-enabling start-tag requires SHORTTAG YES.
että tässä vaiheessa ei kannata velä miettiä PHP:tä tai MySQL:lää, kun ei tuo perus-HTML:kään ole vielä hanskassa.
Kun kerta alussa ilmoitat tuon dokumenttisi tyypiksi html:n, nii niin..
Tuon meta pitäisi olla:
Ja sinällään tuossa html:ssä ei tarvitse sulkea noita "yksinäisiä"-tageja. Eli tuonne metaankaan tarvita / merkkiä loppuun, samoin rivinvaihtokin voi olla
Esimerkki
Otsikko
alaotsikko
sisätöä tekstiä ym..
xhtm:ssä päätetään tagit /> eli on oikein
Sinulla on nyt sekaisin ”vanhaa” HTML:ää ja XHTML:ää. Siitä seuraa kasa muotovirheitä ja muuta sotkua. Pysy ”vanhassa” (HTML 4.01) ainakin siihen asti, kunnes pystyt vastaamaan kysymykseen ”mitä käytännössä hyödyn käyttämällä XHTML:ää?”
Älä tee tyhjiä rivejä :llä. (Eikä se ole komento. HTML:ssä ei ole komentoja.) Tyhjää tilaa kannattaa tehdä CSS:llä (margin-ominaisuuksilla).
Jos et tiedä, mikä dokumentin merkistökoodaus on, selvitä se. Ei kannata heitellä meta-tägejä, jotka väittävät jotain koodauksesta (tämä on meta-tägisi merkitys), ellei tiedä, mikä koodaus on. Koodaus riippuu käytännössä siitä, mitä ohjelmaa käytät, ja mahdollisesti siitä, millaisella komennolla tallennat tiedoston. (Usein tallennusvaiheessa voi erikseen valita koodauksen.)
Tägin jälkeen ei tietenkään pidä kirjoittaa sisältöä, koska se ilmoittaa sisällön loppuvan.
Ensimmäinen rivi
Toinen jumalattoman pitkä rivi
Kolmas rivi
Jos teen yllä olevan listan, niin se toimii täsmälleen niin kuin haluan, mutta se ei ole validia HTML-koodia.
Jos jätän -tagit pois, niin kaikki rivit ovat kiinni toisissaan.
Jos -tagit ovat mukana, niin hyvin pitkät rivit wrappaantuvat useaksi riviksi täsmälleen siten kuin haluan.
Tässä on pari testisivua:
Tämä on validi mutta rivit ovat ikävästi kiinni toisissaan:
http://personal.inet.fi/koti/kx/ul_koe1.htm
Tämä ei ole validi, mutta se toimii kuten haluan.
http://personal.inet.fi/koti/kx/ul_koe2.htm
Miten teen tämän jälkimmäisen toiminnon validilla tavalla?
Keksin sen ollessani kaljalla.
Jos :n paikalle panee KAKSI -tagia, niin toimii ja on validi. Toinen vaihtoehto on että sen paikalle panee & nbsp; (Aiemmin kokeilin pelkkää :ää joka ei vaikuttanut.)
En ymmärrä mikä logiikka siinä on, että toimii samalla tavalla kuin tyhjä ja toimii ikään kuin siinä olisi pelkkä . Mikä "syö" sen ensimmäisen :n listoissa?
Ja toimiikohan samalla tavalla kaikissa selaimissa? Ainakin Safari ja Firefox syövät kumpikin ensimmäisen :n.
Huomattavasti selväpäisempää on käyttää CSS:ää, esimerkiksi
li { margin-bottom: 0.5em; }
Tuollaisen vajaan puolen rivin korkuisen välin pitäisi normaalisti riittää, mutta voihan sen asettaa suuremmaksikin jos siltä tuntuu.
:n käytössä tällaiseen ei ole logiikkaa eikä selainriippumattomuutta. tarkoittaa rivin lopettamista (line break) sivun näkyvässä esityksessä. Montako kertaa rivin voi lopettaa?
Ylipäänsä ei -tägiä kannata käyttää juuri koskaan.
Kiitos. Tuo tyylijuttu toimii haluamallani tavalla. En vaan keksinyt miten se tehdään, kun vasta äskettäin olen ottanut tyylisivut käyttöön.
kommenttisi on järkeenkäypä. Piktiä välejä näytetään tehtävän usein laittamalla hyvin monta :ää peräkkäin. Tämä menettely toimii ilmeisesti kaikissa selaimissa, mutta toimivuus ei tee sen käytöstä hyväksyttävää. Itsekin olen syyllistynyt tähän monta kertaa.
Jos en ihan väärin muista, niin HTML:n perusajatus oli kuvata tekstin LOOGINEN rakenne ottamatta kantaa sen ulkoasuun. Selain sai päättää miten sivu esitetään. Ja niinhän se tekee vieläkin hyvin pitkälti. Esim. rivien pituus vaihtelee ikkunan leveyden mukaan jne. Tässä mielessä tyylisivut ja muut muotoilut toimivat HTML:n perusfilosofiaa vastaan.