Jeg kom gående i dag ad Dannebrogsgade. En person havde smidt en gammel lærebog i Macromedia Flash 5 ud i gadeskraldespanden. Jeg tænker, er det mon bristede webdesigner drømme, der er gået sig en tur eller vasker personen sig i AJAX i dag?
Så tog jeg hul på microformattet geo. I ovenstående tekst har jeg indsat længde- og bredegrader, godt nok gemt lidt ad vejen – Det ser således ud i HTML koden
<abbr class="geo" title="55.671897;12.552351">Dannebrogsgade</abbr>
Jeg benytter HTML elementet abbr (abbreviation. Benyttes ved forkortelser, der ikke er akronymer), og det du ser i normal browservisning er Dannebrogsgade. Hvorfor nu det? her kommer microformats princippet om design for humans first, machines second
ind. Mennesker forstår bedre stednavne end at få serveret længde- og bredegrader. Hvem kan sådanne i hovedet?
Derfor har folkene bag microformats fundet ud af, at HTML elementet abbr kunne være en smart vej at opmærke det på. Værdien i title=”" er så længde- og bredegrader og er beregnet til aflæsning af maskiner.
Jeg kunne også have opmærket det som nedenstående
Dannebrogsgade (<span class="geo"><span class="latitude">55.671897</span>,<span
class="longitude">12.552351</span></span>)
Teksten ville så se således ud i din browser
Dannebrogsgade (55.671897,12.552351)
Nu er det ikke sikkert, at du synes det ser så fedt ud med længde- og breddegrader angivet midt i din tekst, så brug HTML elementet abbr som jeg viste i det første eksempel, og det sparer også en del kodning. Der er pt. en hed debat kørende på The Web Standards Project om det nu er så smart mht. tilgængelighed at benytte HTML elementet abbr til microformats. Jeg vender tilbage i næste indlæg med en anden geo opmærkningsmetode som Flickr benytter, hvis du ikke ønsker at længde- og breddegrader som være synlige, men stadigvæk maskinlæsbart.
Tilbage til HTML eksempel med abbr element opmærkningen, hvis du er i Firefox og har fået Operator plugin installeret. Så vil du se i toolbaren at der er fundet et geo microformat til mit indlæg.
Fx ved at pege med Operator hen til Google Maps så kan brugere der ikke lige ved hvor Dannebrogsgade er eller er i tvivl om jeg snakker om Dannebrogsgade i Viborg lige tjekke det op.
Geo microformattet indgår også i hCard specifikationen, så til dine visitkort (hCard) kan geo også benyttes
Sidebemærkning: Internet Explorer 6 og lavere versioner har aldrig nogensinde understøttet HTML elementet abbr, på trods af det er angivet i W3C specifikationerne. Dette er nu endelig blevet fikset i Internet Explorer 7.0. Webmastere har klaget i mange år over netop lige dette punkt og har måtte ty til fx Javascript metoder eller benytte HTML acronym elementet, som ikke er semantisk korrekt at bruge for alle forkortelser (tilståelse: jeg har selv gjort sådan). W3C har planer om at lade acronym element udgå og kun lade abbr elementet blive tilbage i den kommende XHTML 2 version.
4 kommentarer
Desværre er brugen af ABBR på denne måde endnu et eksempel på misbrug af et element, et misbrug som bl.a. går ud over brugere der benytter sig af oplæsningsfunktionalitet.
Eksempel fra http://www.w3.org/TR/html4/struct/text.html#h-9.2.1 :
<ABBR title=”World Wide Web”>WWW</ABBR>
Det er altså meningen, som det også fremgår af eksemplet, at det “rigtige” ord/udtryk står i title-attributten, og der er dermed det der vil blive læst op — det giver et noget specielt resultat når der pludselig forekommer koordinater i stedet…
Det største misbrug af alle bliver nok brugen af TABLE elementet som layout styring. At se hjemmesider bygget op med 50 TABLE elementer – ofte tomme TABLE – fordi webmasteren/CMS udviklingeren vil styre layout flowet på denne måde. Hvilket aldrig har været hensigten – og det kan gøres mere smart med CSS teknikker.
Skærmoplæsere er på overarbejde ved sådanne sider. Sådanne sider kan betegnes som de digitale SUV’ere bruger en masse energi på ingenting.
Egentlig skræmmende at se 90 % af alle offentlige hjemmesider stadigvæk i 2007 er TABLE layout styret på trods mange har været igennem 2,3,4 redesign.
Enig, brugen af TABLE er stadig overvældende.
(Siger han, og skubber en opgave opad på todo-listen…)
Geo-tags på billeder er interessant. Geografien kan binde billeder sammen, men det kan den menneskelige hukommelse også..