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:ää.
Tyhjät rivit
nettialoittelija
10
1189
Vastaukset
- ei sinne!!
eipä sitä -tagia tuonne kuulukaan.
väärin
oikein
Kaikki tavara tulee -parin sisään- nettialoittelija
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.
- valitettavasti..
että tässä vaiheessa ei kannata velä miettiä PHP:tä tai MySQL:lää, kun ei tuo perus-HTML:kään ole vielä hanskassa.
- jfkajflksaf
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 - hjkp
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.- Minullakin on ongelma
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? - Minullakin oli ongelma
Minullakin on ongelma kirjoitti:
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. Minullakin oli ongelma kirjoitti:
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.- Minullakin oli ongelma
Yucca kirjoitti:
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.
Ketjusta on poistettu 0 sääntöjenvastaista viestiä.
Luetuimmat keskustelut
Sanna Marin teki sen, mihin muut eivät pystyneet - sote kerralla maaliin
Yli 15 vuotta Suomessa vatvottu sote-uudistus meni lopulta läpi Sanna Marinin hallituksen aikana. Edeltävät hallitukset9310615Pikkupersu osoitti olevansa hieman yksinkertainen
"Heikosti älykkyystesteissä pärjänneistä lapsista tulee muita todennäköisemmin ennakkoluuloisia ja konservatiivisia", uu1488881Marinin hallitus hyväksyi soten (105-77) vuonna 2021
vastaan äänesti Kok, persut, KD, Liike Nyt. Nyt on sitten käynyt niin kuin on käynyt. Pääkirjoitus: Sanna Marin jätti906097Jos on heikkolahjainen ja laiska koulupudokas, niin silloin äänestää vasemmistopuolueita
näin tämä on käytännössä aina mennyt. Jos ei älyä ole paljon suotu, niin ei silloin inssiksi opiskella, vaan päädytään634365Enää viisi yötä Sannan kirjaan
Ihan täpinöissään tässä odotellaan. Vaikea pysytellä aloillaan, kun koko ajan tekisi mieli jo kirjakauppaan rynnätä, mut644276Kannattaako suomalaisen duunarin enää äänestää vasemmistopuolueita
sillä eivät ne tunnu kovasti ajavan suomi-duunarin etuja. Jos katsotaan Vasemmistoliittoa, niin sehän on ihan feministi824108Sanna-kulttilaiset hehkuttaa edelleen Marinia, vaikka esim. Sote oli susi jo syntyessään
mutta kulttilaiset eivät ole järjen jättiläisiä, ja sanoihin Lasse Lehtinenkin, että Suomessa on pohjoismaiden tyhmimmät503739Professori: Maahanmuuttajien rikollisuutta hyssytellään - hävytöntä
Kriminologi Jukka Savolaisen mukaan ikä ja vaikeat olosuhteet eivät riitä selitykseksi. – Tutkitun tiedon valossa sanoi703241Marin teki sen mihin muut eivät pystyneet, vei susi-Soten maaliin
ja sitten hävittyjen vaalien jälkeen lähtikin vastuuta pakoon...... "Professori: sote-uudistus on täysi susi. Sosiaali73137IL - 100 000 potentiaalista sotilasta pakeni Ukrainasta!
"Ukrainasta nuorten miesten joukkopako Liki 100 000 asevelvollisuusikäistä miestä on poistunut Ukrainasta parin viime k712999