Een mobiele website bouwen werkt anders dan het maken van een gewone website. Een mobiele website bouw je xHTML basic of xHTML mobile profile. De verschillen tussen xHTML basic en xHTML mobile profile zijn klein. Beide zijn subsets van xHTML.
Om xHTML te gebruiken voor het maken van een mobiele website is het belangrijk dat je rekening houdt met een paar simpele regels:
1. Tags en attributen schrijven in kleine letters
Alle tags in xhtml moeten met kleine letters worden geschreven. <Table>, <a HREF=""> zijn dus fout. <table> of <a href=""> zijn correct.
2. Alle tags moet afgesloten worden
Elke tag die geopend en gesloten kan worden moet goed gesloten worden. Een <p> die geopend wordt om een paragraaf aan te geven moet dus gesloten worden met </p>.
3. Sluiten losse tags
Sommige tags werden in HTML vaak gebruikt zonder gesloten te worden. De <br> bijvoorbeeld. In xHTML moet deze wel gesloten worden. Dit kan op drie manieren, door <br></br>, <br/> of <br /> te gebruiken. Bij de laatste twee opties sluit je dus de tag af door een streepje toe te voegen (met of zonder extra spatie).
4. Tags moeten correct ingesloten worden
Tags in tags moeten correct gebruikt worden. <p><i></p></i> is incorrect omdat de <p> eerder wordt gesloten dan de <i>. Het correcte gebruik zou <p><i></i></p> zijn.
5. Quotes gebruiken
In xHTML dienen alle waardes van attributen tussen enkele of dubbele aanhalingstekens te staan. <a href=http://www.martijncouprie.nl> is dus fout. De correcte manier is <a href="http://www.martijncouprie.nl">
Gerelateerde artikelen
Mobiele website maken: WML, C-HTML of xHTML?
Mobiele website maken: een mobi(el) domein
Drie methodes voor het bouwen van mobiele sites
No related posts.
Gerelateerde bijdragen mogelijk gemaakt door Yet Another Related Posts Plugin.
Martijn Couprie is online marketeer en internet enthousiast. Hij is sinds mid jaren '90 online, bouwt nu 10+ jaar websites en blogt sinds 2008 over seo en online marketing.
4 Reacties
Bedankt, een erg interessant artikel!
Ik probeer me een beetje te verdiepen in mobiele site’s omdat het ernaar uitziet dat ik daarmee aan de slag moet binnenkort. Ik heb alleen nog maar weinig kunnen vinden hierover. weet iemand misschien enkele andere artikels waarin net als deze meer informatie gegeven word over mobiele site’s?
En als ik dit artikel zo lees dan maak ik daaruit op dat als je een site volledig in xHTML maakt deze geschikt is voor mobiel. Klopt dit?
Hartelijk dank voor dit artikel en ook alvast voor eventuele reactie’s
Mvg Sjoerd
Ey,
thnx voor de informatie, maar past het formaat zich aan zodat het hele scherm gevuld is?
En weet je misschien hoe je een site kan maken waarop je gps kan gebruiken op een kaart? Zodat je daarop kan zien waar je bent?
p.s.: ik weet dat daar apps voor zijn, maar ik moet zoiets bouwen met mijn studie(project).
Dit was nuttige informatie!
Ik heb eens een vraagje, want ik kan maar bar weinig vinden op het internet over mobiele websites maken.
Ik ben bezig om van mijn “gewone” website (www.brechje.com, gewoon voor de hobby doe ik dat) ook een mobiele versie te maken. Ik wil daarin een soort fotogalerij bouwen waarbij ik 1 foto op het scherm wil laten zien en dat er dan door over hte scherm te vegen een volgende foto in beeld komt. Eigenlijk een beetje net zoals in de galerij op je eigen smartphone. Hoe kan ik dat nu het beste aanpakken??
Alvast bedankt!
Groeten van Brechje
2 Trackbacks
[...] http://www.echtmobiel.mobi/een-mobiele-website-maken-in-xhtml-bouwen/ http://www.echtmobiel.mobi/mobiele-website-maken-wml-c-html-of-xhtml/http://www.echtmobiel.mobi/mobiele-website-maken-een-mobiel-domein/ http://www.echtmobiel.mobi/drie-methodes-voor-de-bouw-van-mobiele-sites/ [...]
[...] nu niet te lezen is op een mobiele telefoon, de informatie is de herbruikbaar in theorie. Hoe bewerkelijk dit in de praktijk zal zijn is moeilijk te [...]