Innehåll

• Att gå
• Metod 1 av 2: Nuvarande metod
• Metod 2 av 2: Föråldrad metod
• Tips

Understrykning i HTML var tidigare en fråga om att bifoga texten mellan u> / u> -taggar, men denna metod har sedan dess upphört till förmån för den mer mångsidiga CSS. Understrykning på webbsidor anses i allmänhet vara ett obekvämt sätt att betona en viss textavsnitt. Detta beror på att understruken text lätt kan förväxlas med en länk.

Att gå

Metod 1 av 2: Nuvarande metod

1. Använd text-dekorationsegenskapen i din CSS-stil. Att använda u> -taggen är inte längre ett lämpligt sätt att understryka text. Istället använder vi CSS-egenskapen "text-dekoration".
   • Detta gör koden lättare att ändra, så att du inte behöver ändra något om den gamla koden om den har blivit oanvändbar.
2. Använd taggen span> när du vill understryka en viss del av texten. Placera starttaggen tillsammans med egenskapen "text-decoration" där du vill att understrykningen ska börja. Placera ändmärket / spännvidden> där understrykningen ska stoppa.

   span style = "text-decoration: underline;"> Detta kommer att understrykas. / span>

3. Förklara HTML-element i stilen> delen av din sida. Du kan också göra detta i CSS-formatmallen. Understrykning kan göras mycket enklare genom att koppla en stil till ett HTML-element. Till exempel, för att understryka alla dina nivå 3-rubriker, lägg till följande CSS-stil:

   html> huvud> stil> h3 {text-dekoration: understrykning; } / style> / head> body> h3> Denna rubrik är understruken / h3> / body> / html>

4. Skapa en CSS-klass för att snabbt understryka när som helst. Du kan skapa klasser i ditt stilark eller stil>, för att kallas senare. Klassen kan ha vilket namn du vill.

   html> head> style> .underline {text-decoration: underline; } / style> / head> body> Du kan använda den här klassen för att snabbt understryka div> / div> från olika delar div> från ditt innehåll / div> / body> / html>

5. Överväg andra metoder för att betona text. Understrykning bör undvikas för att undvika förvirring för läsaren. En populär metod är att använda em> -taggen, vilket gör texten kursiv. Du kan använda CSS för att ytterligare specificera den här taggen för ett unikt sätt att betona.

   html> huvud> stil> em {färg: röd; } / style> / head> body> Allt inuti em-elementet blir em> kursiv (på grund av standardinställningarna) och rött / em> på grund av stilen som läggs till ovan. / body> / html>

Metod 2 av 2: Föråldrad metod

1. Undvik att använda de gamla u> / u> -taggarna. Dessa är "avskräckta", vilket betyder att det fortfarande fungerar, men det används inte längre eller rekommenderas. Detta beror på att HTML i princip inte är utformat som ett markeringsspråk. U> -taggen fungerar fortfarande, men är nu avsedd att ange text som skiljer sig från den andra texten, till exempel ett felstavat ord eller kinesiska substantiv.
2. Använd taggen u> / u> för understrykning (endast för illustrationsändamål). Under inga omständigheter ska du använda den här metoden igen. Det kan vara bra att veta hur den användes om du behöver uppdatera en äldre webbplats.

   html> body> Med den gamla taggen u> i HTML kan du snabbt understryka saker / u>, men saker blir snabbt röriga när andra stilelement användes. Det är därför vi nu understryker "textdekoration" med CSS-elementet. / body> / html>

Tips

• Det finns nästan alltid ett bättre sätt att betona något på en webbsida än med understrykning. Det kan vara mycket förvirrande för läsarna. Gör din text vackrare med CSS så att den sticker ut positivt.