XHTML: Web-koodaus hienostuneeseen suunnitteluun

XHTML 1.0 ja 1.1 tarkoittavat E: täXtensible HyperTalanumero Markup Lahdistusta ja edustaa valtavaa harppausta eteenpäin HTML 4.0: sta. Ne yhdistävät HTML 4.0: n ja XML: n parhaat puolet, jotta suunnittelijalle saadaan hienostunut koodausmalli hienostuneemmalle ja päättäväisemmälle web-suunnittelulle.

W3C, joka on kaikkien HTML-kielten vanhempi, kuvaili XHTML 1.0: ta "ensimmäisenä merkittävänä muutoksena HTML: ään HTML 4.0: n julkaisemisen jälkeen vuonna 1997. Se tuo XML: n tiukka verkkosivuille ja on avaimenperä W3C: n työssä luoda standardeja, jotka tarjoavat rikkaammat verkkosivut yhä kasvavalla selainalustavalikoimalla, mukaan lukien matkapuhelimet, televisiot, autot, lompakkokokoiset langattomat kommunikaattorit, kioskit ja työpöydät. "

XHTML-muunnelmat

Saatavana on kolme erillistä XHTML-tyyppiä kaikkien verkkosuunnittelijoiden tarpeiden täyttämiseksi. Näitä ovat tiukka, siirtymäkauden ja kehyssetti XHTML.

XHTML 1.0 tiukka - puhtain muoto kokeneille web-suunnittelijoille. Tämän version avulla voit luoda piikittävän puhtaan koodin joutumatta lisäämään asetuskoodia (fontti, väri, asettelu) koko asiakirjaan. Sen sijaan sisällytät CSS-koodin CSS-koodiin alussa.

XHTML 1.0 siirtymäkausi - keskellä tiedekoodimuotoa, joka auttaa suunnittelijoita, jotka tarvitsevat aikaa oppia uutta koodaustapaa tai haluavat majoittaa katsojia, jotka käyttävät silti vanhempia selaimia. Tyylisivuja käytetään, mutta myös vanha hyvä HTML-koodi on sisällytetty. Esimerkiksi kehotunniste sisältää edelleen bgcolor-, teksti-, linkit-, vlinks-määritteet.

XHTML 1.0 -kehyssarja - Tämä muunnelma on itsestään selvä - käytät sitä, kun haluat sisällyttää XHTML: n kehyspohjaiseen asiakirjaan.

Vielä yksi edistyneempi versio, XHTML 1.1 mahdollistaa modulaarisen koodin lisäämisen kansainvälisiin ja muihin erityisiin koodaustarpeisiin. RUBY-moduulit on sisällytetty ylimääräisen koodauksen helpottamiseksi. Ainoa merkittävin muutos XHTML 1.1: ssä on tietojen irrottaminen esityksestä. Alustamista ei enää upoteta tietoihin, ja se voidaan saavuttaa vain viittaamalla CSS: ään (Cascading Style Sheets). Tämän avulla tiedot ovat käytettävissä helppoa jäsentämistä ja uudelleenkäyttöä varten monille uusille muille kuin työpöytätuotteille ja esteettömyyssovelluksille.

HTML-siivous

W3C: n Dave Raggett ja Source Forge tarjoavat tällä hetkellä loistavan avoimen lähdekoodin apuohjelman HTML Tidy suunnittelijoille, jotka haluavat muuntaa nykyiset HTML-dokumenttinsa XHTML-muotoon (ja siivota koodinsa prosessissa). Tämä kätevä työkalu auttaa koodiasi loistamaan suorittamalla kaikki nämä hyödylliset tehtävät:

  • Puuttuvat tai yhteensopimattomat lopputunnisteet havaitaan ja korjataan

  • Väärässä järjestyksessä olevat päätetaulut korjataan

  • Korjaa otsikkokohtauksen ongelmat

  • Toipuu sekoitetuista tunnisteista

  • Lisätään puuttuva viiva ankkurien päätetageihin

  • Luetteloiden parantaminen asettamalla puuttuvat tunnisteet

  • Puuttuvat lainausmerkit attribuutin arvojen ympärille lisätään

  • Tuntemattomat / omistamat ominaisuudet ilmoitetaan

  • Omistusosat tunnistetaan ja raportoidaan sellaisinaan

  • Tunnisteet, joissa ei ole päätekiinnikettä, on täplikäs

  • Korvaa ylimääräisen asettelukoodin tyyliominaisuuksilla ja säännöillä CSS: llä

  • Poistaa tyhjät kappale- ja otsikkotiedot

The Nitty Gritties

Yksi ensisijaisista "säännöistä" XHTML: ää käytettäessä on, että koodin on oltava puhdas ja täydellinen.

  • Kaikilla elementeillä on oltava sulkevat tunnisteet ja ne on sijoitettava kunnolla.

  • Kaikkien tunnisteiden on oltava kirjoitettu pienillä kirjaimilla - XML ​​on kirjainkoon mukainen.

  • Lopputunnisteet on sisällytettävä KAIKKI elementtejä

  • Kaikkien määritteiden on oltava lainausmerkeissä esim. leveys, colspan, rowspan

  • Tyhjillä elementeillä on oltava päätetagi


Auttava käsi


Haluatko uudestaan ​​oppia vielä kerran HTML-muotoa? Apua on käsillä, jos niin. XStandard on WYSIWYG-koodieditori, joka auttaa kirjoittamaan puhdasta puhdasta XHTML-koodia XHTML 1.0 Strict- tai XHTML 1.1 -versioon. Sisällöntuottajat kuvaavat tätä ohjelmistoa seuraavasti: "markkinoiden edistynein, standardipohjainen WYSIWYG-editori. Se on ihanteellinen kaikille Windowsille tai selainpohjaiselle sisällönhallintajärjestelmälle, joka tukee ActiveX: ää. XStandard hallinnoi rikas sisältöä millä tahansa kielellä, sillä on vahvat saavutettavuusominaisuudet , ja tukee suosittuja muokkausvaihtoehtoja, kuten taulukoita, tekstin käärettämistä kuvien ympärille ja tiedostojen vetämistä ja pudottamista editoriin. " Ohjelmisto on ilmainen XStandard Lite -versio ja monipuolisempi XStandard Pro -versio.

Jos haluat sivustosi toimivan hyvin nykypäivän selaimissa ja muissa kuin perinteisissä laitteissa ja toimimaan edelleen hyvin myös huomenna, on hyvä idea kirjoittaa uusia sivustoja XHTML: ään ja muuntaa vanhat sivut XHTML: ksi työohjelmasi salliessa. Tietenkään tämä ei ole loppu! Jo XHTML 2.0: n luomiseen on jo tehty työtä. Liike on keskittyä yksinomaan rakenteeseen, ei taaksepäin yhteensopivuuteen. Voit lukea tästä uusimmasta XHTML-muodosta IBM: n verkkosivustolla heidän artikkelissaan, Verkon tulevaisuus: XHTML 2.0.

HTML-korostettu artikkelisarja

OSA 1: Pitäisikö luotettavan suunnittelijan tietää HTML?
OSA 2: HTML 3.2 - Wilburin synty
OSA 3: HTML 4.0 JA 4.01 - enemmän hyvää asiaa!
OSA 4: XHTML: Web-koodaus hienostuneeseen suunnitteluun
OSA 5: DHTML: Dynaaminen Web-koodaus

Video-Ohjeita: Graafisten käyttöliittymien ohjelmointi (TIEA212) aloitusluento (Huhtikuu 2024).