Inhalt
Früher war das Unterstreichen in HTML eine Frage des Einfügens des Textes zwischen u> / u> -Tags, aber diese Methode wurde seitdem zugunsten des vielseitigeren CSS nicht mehr empfohlen. Das Unterstreichen von Webseiten wird im Allgemeinen als unbequeme Möglichkeit angesehen, einen bestimmten Textabschnitt hervorzuheben. Dies liegt daran, dass unterstrichener Text leicht mit einem Link verwechselt werden kann.
Schreiten
Methode 1 von 2: Aktuelle Methode
Verwenden Sie die Textdekorationseigenschaft in Ihrem CSS-Stil. Die Verwendung des Tags u> ist keine geeignete Methode mehr, um Text zu unterstreichen. Stattdessen verwenden wir die CSS-Eigenschaft "Textdekoration". - Dies erleichtert das Ändern des Codes, sodass Sie nichts am alten Code ändern müssen, wenn dieser unbrauchbar geworden ist.
Verwenden Sie das Tag span>, wenn Sie einen bestimmten Teil des Textes unterstreichen möchten. Platzieren Sie das Start-Tag zusammen mit der Eigenschaft "Textdekoration" an der Stelle, an der die Unterstreichung beginnen soll. Platzieren Sie das End-Tag / die Endspanne> dort, wo die Unterstreichung aufhören soll. span style = "text-decoration: underline;"> Dies wird unterstrichen./span>
Deklarieren Sie HTML-Elemente im Stil> Teil Ihrer Seite. Sie können dies auch im CSS-Stylesheet tun. Das Unterstreichen kann erheblich vereinfacht werden, indem einem HTML-Element ein Stil zugeordnet wird. Fügen Sie beispielsweise den folgenden CSS-Stil hinzu, um alle Ihre Level 3-Header zu unterstreichen: html> head> style> h3 {Textdekoration: unterstreichen; } / style> / head> body> h3> Diese Überschrift ist unterstrichen / h3> / body> / html>
Erstellen Sie eine CSS-Klasse, um sie jederzeit schnell zu unterstreichen. Sie können Klassen in Ihrem Stylesheet oder Style> erstellen, um sie später aufzurufen. Die Klasse kann einen beliebigen Namen haben. html> head> style> .underline {Textdekoration: unterstreichen; } / style> / head> body> Mit dieser Klasse können Sie div> / div> aus verschiedenen Teilen div> aus Ihrem Inhalt / div> / body> / html> schnell unterstreichen
Betrachten Sie andere Methoden zum Hervorheben von Text. Das Unterstreichen sollte vermieden werden, um Verwirrung für den Leser zu vermeiden. Eine beliebte Methode ist die Verwendung des Tags em>, wodurch der Text kursiv dargestellt wird. Sie können CSS verwenden, um dieses Tag weiter zu spezifizieren und eine einzigartige Art der Hervorhebung zu erzielen. html> head> style> em {Farbe: rot; } / style> / head> body> Alles im em-Element wird em> kursiv (aufgrund der Standardeinstellungen) und rot / em> aufgrund des oben hinzugefügten Stils. / body> / html>
Methode 2 von 2: Veraltete Methode
Vermeiden Sie die Verwendung der alten Tags u> / u>. Diese sind "entmutigt", was bedeutet, dass es immer noch funktioniert, aber nicht mehr verwendet oder empfohlen wird. Dies liegt daran, dass HTML im Prinzip nicht als Auszeichnungssprache konzipiert ist. Das u> -Tag funktioniert weiterhin, soll jedoch jetzt Text anzeigen, der sich vom anderen Text unterscheidet, z. B. ein falsch geschriebenes Wort oder chinesische Eigennamen. 
Verwenden Sie das Tag u> / u> zum Unterstreichen (nur zur Veranschaulichung). Verwenden Sie diese Methode unter keinen Umständen erneut. Es kann hilfreich sein zu wissen, wie es verwendet wurde, wenn Sie eine ältere Website aktualisieren müssen. html> body> Mit dem alten Tag u> in HTML könnten Sie Dinge / u> schnell unterstreichen, aber Dinge werden schnell chaotisch, wenn andere Stilelemente verwendet werden. Deshalb unterstreichen wir jetzt "Textdekoration" mit dem CSS-Element. / body> / html>
Tipps
- Es gibt fast immer eine bessere Möglichkeit, etwas auf einer Webseite hervorzuheben als durch Unterstreichen. Es kann für Leser sehr verwirrend sein. Machen Sie Ihren Text mit CSS schöner, um ihn positiv hervorzuheben.
