Indhold

• At træde
• Metode 1 af 2: Nuværende metode
• Metode 2 af 2: Forældet metode
• Tips

Understreget i HTML plejede at være et spørgsmål om at omslutte teksten mellem u> / u> tags, men denne metode er siden blevet udfaset til fordel for den mere alsidige CSS. Understregning på websider betragtes generelt som en ubelejlig måde at fremhæve et bestemt tekstafsnit på. Dette skyldes, at understreget tekst let forveksles med et link.

At træde

Metode 1 af 2: Nuværende metode

1. Brug egenskaben tekst-dekoration i din CSS-stil. Brug af u> -mærket er ikke længere en passende måde at understrege tekst på. I stedet bruger vi CSS-egenskaben "text-decoration".
   • Dette gør koden nemmere at ændre, så du ikke behøver at ændre noget på den gamle kode, hvis den er blevet ubrugelig.
2. Brug tag> span>, når du vil understrege en bestemt del af teksten. Placer startmærket sammen med egenskaben "tekstdekoration", hvor du vil have understregningen. Placer slutmærket / spændet>, hvor understregningen skal stoppe.

   span style = "text-decoration: underline;"> Dette understreges. / span>

3. Erklær HTML-elementer i stilen> del af din side. Du kan også gøre dette i CSS-stilarket. Understrege kan gøres meget lettere ved at knytte en stil til et HTML-element. Hvis du f.eks. Vil understrege alle dine niveau 3-overskrifter, skal du tilføje følgende CSS-stil:

   html> hoved> stil> h3 {tekst-dekoration: understregning; } / style> / head> body> h3> Denne overskrift er understreget / h3> / body> / html>

4. Opret en CSS-klasse, der til enhver tid hurtigt kan understreges. Du kan oprette klasser i dit typografiark eller stil>, der kaldes senere. Klassen kan have ethvert navn, du ønsker.

   html> head> style> .underline {text-decoration: underline; } / style> / head> body> Du kan bruge denne klasse til hurtigt at understrege div> / div> fra forskellige dele div> fra dit indhold / div> / body> / html>

5. Overvej andre metoder til at fremhæve tekst. Understreger bør undgås for at undgå forvirring for læseren. En populær metode er at bruge em> -tagget, som gør teksten kursiv. Du kan bruge CSS til yderligere at specificere dette tag for en unik måde at fremhæve.

   html> hoved> stil> em {farve: rød; } / style> / head> body> Alt inde i em-elementet bliver em> kursiv (på grund af standardindstillingerne) og rød / em> på grund af den tilføjede typografi ovenfor. / body> / html>

Metode 2 af 2: Forældet metode

1. Undgå at bruge de gamle u> / u> tags. Disse er "modløse", hvilket betyder, at det stadig fungerer, men ikke længere bruges eller anbefales. Dette skyldes, at HTML i princippet ikke er designet som et markup-sprog. U> -mærket fungerer stadig, men er nu beregnet til at angive tekst, der er forskellig fra den anden tekst, såsom et forkert stavet ord eller kinesiske navneord.
2. Brug mærket u> / u> til understregning (kun til illustration). Du må under ingen omstændigheder bruge denne metode igen. Det kan være godt at vide, hvordan det blev brugt, hvis du har brug for at opdatere et ældre websted.

   html> body> Med det gamle tag u> i HTML kunne du hurtigt understrege ting / u>, men ting blev hurtigt rodet, når andre stilelementer blev brugt. Derfor understreger vi nu "tekstdekoration" med CSS-elementet. / body> / html>

Tips

• Der er næsten altid en bedre måde at understrege noget på en webside end med understregning. Det kan være meget forvirrende for læserne. Gør din tekst smukkere med CSS, så den skiller sig ud positivt.