Hvordan utvikle XHTML for mobile enheter

XHTML koding er egnet for mindre oppløsning og dimensjoner på håndholdte enheter, og er bedre enn tidligere standarder, for eksempel WML og HTML. Det gir en strengere standard for design og utvikling av websider for å sikre kompatibilitet mellom nettlesere. Det er mange fordeler med å bruke XHTML for mobile enheter, inkludert separasjon av innhold og presentasjon via CSS (Cascading Style Sheets), konsekvent utseende og funksjonalitet og brukervennlighet.

Bruksanvisning

1 Opprett et nytt dokument som du ville gjort for noen ny webside. Sett "<? Xml

version = "1.0"?> "erklæring som første linje. Siden XHTML Basic er et XML-språk, alle dokumenter du oppretter for mobil distribusjon må begynne med denne erklæringen.

2 Sett inn DOCTYPE element. De fleste markerings redaktører vil gjøre dette for deg, men hvis du bygger dokumentet manuelt, bør elementet se omtrent slik ut: "<DOCTYPE html PUBLIC" http://www.wapforum.org/DTD/xhtml-mobile10.dtd ">"

3 Bygg ut ditt nettsted og stilark og holde avhengighet av eksterne skript eller ressurser til et minimum. Dette trinnet er nesten identisk med å bygge noe annet nettsted i HTML bortsett fra at du må følge XHTML grunnleggende standarder. Viktige elementer for å inkludere er en kort tittel på begynnelsen av siden fulgt av minimal navigasjonslenker. All tekst bør pakkes i "<p>" koder.

4 Test din webside for kompatibilitet og XHTML etterlevelse. Du kan laste ned testplattformer fra mobile enheten leverandører, eller bruke den elektroniske validatorer på w3.org. Disse valideringstester vil markere eventuelle problemer i koden din som kan forårsake deployering til å mislykkes, for eksempel innebygde skript, som ikke støttes koder eller overdreven navigasjon dybde. Ting å teste for kan sikre din stil ark blir brukt, ditt nettsted viser adekvat med stilark slått av og navigasjon elementer oppfører seg som forventet.

Hint

• Prøv å utvikle en en-side layout ved hjelp av ankeret attributt i koblingene i stedet for å sende brukeren til flere eksterne kilder. Dette attributtet kan også brukes til samtale-til-handling elementer som gjør en samtale eller sende en SMS.
• Når du bygger koblinger, er det også viktig å tildele hurtigtaster med "accesskey" attributt.
• Sørg for at alle deler av oppsettet ditt har en id, tittel eller alt attributt. I tilfeller hvor bildene ikke kan gjengi, du fortsatt vil at brukerne skal forstå utformingen og innholdet på nettsiden.
• Bruk fargekombinasjoner som sikrer tilstrekkelig kontrast, og unngå bakgrunn eller designelementer som kan føre til teksten blir uleselig.
• Lag navigasjon eller leddelementer som er store nok til å bli tappet med tuppen av en finger.
• Optimaliser markup og bilder for den minste størrelsen mulig fil. Dette sikrer ikke bare raske lastetider for besøkende, men tar hensyn til enhetens minne og båndbredde begrensninger.
• Design din layout ved hjelp av divs i stedet for tabeller eller rammer og unngå å inkludere Flash-innhold. Alltid forskning målet plattformen begrensninger når inkludert avanserte layout teknikker, inkludert CSS3 og HTML5-koder, slik at mobil programmet viser riktig.
• Bruk "EMS" eller prosenter i stedet for pikselverdier i både markup og CSS for alle dynamiske elementer og tekst. Definer høyde og bredde på alle bildene.
• Ikke alle mobile nettlesere er skapt like. Mens nettsteder og programmer ved hjelp av avansert stil teknikker eller Javascript-biblioteker kan fungere fint på enheter som bruker Firefox eller Safari, kan enheter med spesialiserte nettlesere eller restriksjoner bare gjengi teksten og grunnleggende oppsett. Alltid inkludere cross-browser funksjonalitet i din stil ark og utforme et rammeverk som kan stå på egne ben uten stilark eller bilder.