HTML-guide til udvikling af integrationsløsninger til Borger.dk
Typografi
Typografi omhandler formattering og brug af tekst over overskrifter.
Overskrifter
Der er fire overskriftniveauer til rådighed h1-h4, der alle er med skriftypen verdana.
<h1>Overskrift 1</h1> <h2>Overskrift 2</h2> <h3>Overskrift 3</h3> <h4>Overskrift 4</h4>
Overskrift 1
Overskrift 2
Overskrift 3
Overskrift 4
h4 kan også benyttes med font-style: normal.
Tekst
Basisskriftstørrelsen er verdana i 14px. Tekstafsnit skal laves med p.
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sollicitudin, quam volutpat iaculis eleifend, enim elit varius dui, a semper risus nulla et libero. Aenean mollis magna in nisi fringilla imperdiet. In neque risus, ornare nec accumsan fermentum, congue sit amet sem. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum sed erat in massa rhoncus vehicula nec et massa.</p> <p>In rutrum ipsum fermentum sapien vehicula sodales. Praesent sed turpis est, malesuada porttitor ligula. Donec pretium nulla eu ipsum sollicitudin quis pharetra libero molestie. Nam scelerisque sodales lacus et pellentesque. Pellentesque nulla lectus, consequat non bibendum ac, ullamcorper ac magna. Donec auctor semper risus, vitae aliquet mauris euismod vitae.</p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sollicitudin, quam volutpat iaculis eleifend, enim elit varius dui, a semper risus nulla et libero. Aenean mollis magna in nisi fringilla imperdiet. In neque risus, ornare nec accumsan fermentum, congue sit amet sem. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum sed erat in massa rhoncus vehicula nec et massa.
In rutrum ipsum fermentum sapien vehicula sodales. Praesent sed turpis est, malesuada porttitor ligula. Donec pretium nulla eu ipsum sollicitudin quis pharetra libero molestie. Nam scelerisque sodales lacus et pellentesque. Pellentesque nulla lectus, consequat non bibendum ac, ullamcorper ac magna. Donec auctor semper risus, vitae aliquet mauris euismod vitae.
Fed tekst
Fed tekst benyttes til at fremhæve særligt vigtigt indhold og ord i en tekst, som brugeren børe være opmærksom på. Fed tekst formatteres med strong-tagget.
Fed tekst må ikke benyttes om erstatning for overskrifter.
<p>Ansøgningen skal være os i hænde <strong>senest d. 15. april<strong>.</p>
Ansøgningen skal være os i hænde senest d. 15. april.
Kursiveret tekst
Kursiveret tekst benyttes til at fremhæve tekst eller særlige begreber. Kursiveret tekst formatteres med em-tagget.
Kursiveret tekst må ikke benyttes om erstatning for overskrifter.
<p>De lavede <em>brugerdrevet design</em>.</p>
De lavede brugerdrevet design.
Blockquote
Blockquotes bruges til tekstsektioner, som oprindeligt stammer fra tekster.
Blockqoute må ikke benyttes med det formål at indrykke tekst.
<blockquote> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sollicitudin, quam volutpat iaculis eleifend, enim elit varius dui, a semper risus nulla et libero. Aenean mollis magna in nisi fringilla imperdiet. In neque risus, ornare nec accumsan fermentum, congue sit amet sem. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum sed erat in massa rhoncus vehicula nec et massa.</p> <p>In rutrum ipsum fermentum sapien vehicula sodales. Praesent sed turpis est, malesuada porttitor ligula. Donec pretium nulla eu ipsum sollicitudin quis pharetra libero molestie. Nam scelerisque sodales lacus et pellentesque. Pellentesque nulla lectus, consequat non bibendum ac, ullamcorper ac magna. Donec auctor semper risus, vitae aliquet mauris euismod vitae.</p> </blockquote>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sollicitudin, quam volutpat iaculis eleifend, enim elit varius dui, a semper risus nulla et libero. Aenean mollis magna in nisi fringilla imperdiet. In neque risus, ornare nec accumsan fermentum, congue sit amet sem. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum sed erat in massa rhoncus vehicula nec et massa.
In rutrum ipsum fermentum sapien vehicula sodales. Praesent sed turpis est, malesuada porttitor ligula. Donec pretium nulla eu ipsum sollicitudin quis pharetra libero molestie. Nam scelerisque sodales lacus et pellentesque. Pellentesque nulla lectus, consequat non bibendum ac, ullamcorper ac magna. Donec auctor semper risus, vitae aliquet mauris euismod vitae.
Links
Links bør adskilles fra indhold og præsenteres i en liste efter teksten.
Linkets ordlyd skal være sigende og beskrive hvor der fører hen.
<p>Hvis dit vand er forurenet, kan det skyldes en lokal forurening i ejendommens vandrør. Du kan få mere at vide om, hvordan du kan få kontrolleret dit eget drikkevand hos kommunens tekniske forvaltning. Du skal selv betale for vandanalysen. På borger.dk kan du læse, hvad du skal gøre i tilfælde af en akut forurening.</p> <ul class="list"> <li><a href="#">Find dit lokale vandværk</a></li> <li><a href="#">Foreningen af vandværker</a></li> <li><a href="#">Akut forurening</a></li> </ul>
Hvis dit vand er forurenet, kan det skyldes en lokal forurening i ejendommens vandrør. Du kan få mere at vide om, hvordan du kan få kontrolleret dit eget drikkevand hos kommunens tekniske forvaltning. Du skal selv betale for vandanalysen. På borger.dk kan du læse, hvad du skal gøre i tilfælde af en akut forurening.