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
1194
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
- 724128
Purra on kantanut vastuuta täyden kympin arvoisesti
Luottoluokituksen lasku, ennätysvelat ja ennätystyöttömyys siitä muutamana esimerkkinä. Jatkakoon hän hyvin aloittamaans573813Surullista
Että menetit sen naisen , tosi surullista ja vielä oman tyhmyyden takia ,ymmärrän että se on masentavaa522354Muuttunut käytös
Onko kaivattusi käytös muuttunut? Tiedätkö mistä se johtuu? Haluatko kertoa, mitä tapahtui?442151Väkeä oli liikkeellä
Nyt leijutaan pilvissä. Kun eläinpuistossa oli porukkaa 😆😆 Olihan siellä kun ilmaiseksi pääsivät. Eiköhän se juuri sik361925- 491829
- 991616
Kummallista
Oletteko koskaan ihastuneet ihmiseen, joka ei ulkonäöltään vastaa ollenkaan ihannettanne?551603- 481592
- 571453