Περιεχόμενο
Η υπογράμμιση σε HTML αποτελούσε θέμα εγκλεισμού του κειμένου μεταξύ ετικετών u> / u>, αλλά αυτή η μέθοδος έκτοτε έχει καταργηθεί υπέρ του πιο ευέλικτου CSS. Η υπογράμμιση σε ιστοσελίδες θεωρείται γενικά άβολος τρόπος για να τονιστεί μια συγκεκριμένη ενότητα κειμένου. Αυτό συμβαίνει επειδή το υπογραμμισμένο κείμενο συγχέεται εύκολα με έναν σύνδεσμο.
Για να πας
Μέθοδος 1 από 2: Τρέχουσα μέθοδος
Χρησιμοποιήστε την ιδιότητα διακόσμηση κειμένου στο στυλ CSS σας. Η χρήση της ετικέτας u> δεν είναι πλέον κατάλληλος τρόπος για να υπογραμμίσετε το κείμενο. Αντ 'αυτού, χρησιμοποιούμε την ιδιότητα CSS "text-decoration". - Αυτό καθιστά τον κώδικα ευκολότερο να τροποποιηθεί, έτσι ώστε να μην χρειάζεται να αλλάξετε τίποτα σχετικά με τον παλιό κώδικα εάν έχει καταστεί άχρηστο.
Χρησιμοποιήστε την ετικέτα span> όταν θέλετε να υπογραμμίσετε ένα συγκεκριμένο μέρος του κειμένου. Τοποθετήστε την ετικέτα έναρξης μαζί με την ιδιότητα "διακόσμηση κειμένου" όπου θέλετε να ξεκινήσει η υπογράμμιση. Τοποθετήστε την τελική ετικέτα / span> όπου πρέπει να σταματήσει η υπογράμμιση. span style = "text-decoration: underline;"> Αυτό θα υπογραμμιστεί./span>
Δηλώστε στοιχεία HTML στο στυλ> τμήμα της σελίδας σας. Μπορείτε επίσης να το κάνετε αυτό στο φύλλο στυλ CSS. Η υπογράμμιση μπορεί να γίνει πολύ πιο εύκολη συνδέοντας ένα στυλ με ένα στοιχείο HTML. Για παράδειγμα, για να υπογραμμίσετε όλες τις κεφαλίδες επιπέδου 3, προσθέστε το ακόλουθο στυλ CSS: html> head> style> h3 {text-decoration: underline; } / style> / head> body> h3> Αυτή η επικεφαλίδα είναι υπογραμμισμένη / h3> / body> / html>
Δημιουργήστε μια τάξη CSS για γρήγορη υπογράμμιση ανά πάσα στιγμή. Μπορείτε να δημιουργήσετε τάξεις στο φύλλο στυλ ή το στυλ σας>, που θα σας καλούν αργότερα. Το μάθημα μπορεί να έχει οποιοδήποτε όνομα θέλετε. html> head> style> .underline {text-decoration: underline; } / style> / head> body> Μπορείτε να χρησιμοποιήσετε αυτήν την τάξη για να υπογραμμίσετε γρήγορα div> / div> από διαφορετικά μέρη div> από το περιεχόμενό σας / div> / body> / html>
Εξετάστε άλλες μεθόδους έμφασης του κειμένου. Η υπογράμμιση πρέπει να αποφεύγεται για την αποφυγή σύγχυσης για τον αναγνώστη. Μια δημοφιλής μέθοδος είναι να χρησιμοποιήσετε την ετικέτα em>, η οποία καθιστά το κείμενο πλάγιο. Μπορείτε να χρησιμοποιήσετε το CSS για να προσδιορίσετε περαιτέρω αυτήν την ετικέτα, για έναν μοναδικό τρόπο έμφασης. html> head> style> em {color: red; } / style> / head> body> Όλα μέσα στο στοιχείο em θα γίνουν πλάγια> (λόγω των προεπιλεγμένων ρυθμίσεων) και κόκκινο / em> λόγω του στυλ που προστέθηκε παραπάνω. / body> / html>
Μέθοδος 2 από 2: Ξεπερασμένη μέθοδος
Αποφύγετε τη χρήση των παλιών ετικετών u> / u>. Αυτά "αποθαρρύνονται", που σημαίνει ότι εξακολουθεί να λειτουργεί, αλλά δεν χρησιμοποιείται πλέον ή συνιστάται. Αυτό συμβαίνει επειδή το HTML δεν έχει καταρχήν σχεδιαστεί ως γλώσσα σήμανσης. Η ετικέτα u θα εξακολουθεί να λειτουργεί, αλλά τώρα προορίζεται να υποδείξει κείμενο που είναι διαφορετικό από το άλλο κείμενο, όπως μια λέξη με ορθογραφικά λάθη ή κατάλληλα ουσιαστικά κινέζικα. 
Χρησιμοποιήστε την ετικέτα u> / u> για υπογράμμιση (μόνο για λόγους απεικόνισης). Σε καμία περίπτωση δεν πρέπει να χρησιμοποιήσετε ξανά αυτήν τη μέθοδο. Ίσως είναι καλό να γνωρίζετε πώς χρησιμοποιήθηκε σε περίπτωση που χρειαστεί να ενημερώσετε έναν παλαιότερο ιστότοπο. html> body> Με την παλιά ετικέτα u> σε HTML θα μπορούσατε να υπογραμμίσετε γρήγορα πράγματα / u>, αλλά τα πράγματα γίνονται γρήγορα ακατάστατα όταν χρησιμοποιήθηκαν άλλα στοιχεία στυλ. Γι 'αυτό τώρα υπογραμμίζουμε την "διακόσμηση κειμένου" με το στοιχείο CSS. / body> / html>
Συμβουλές
- Υπάρχει σχεδόν πάντα ένας καλύτερος τρόπος για να τονίσετε κάτι σε μια ιστοσελίδα παρά με την υπογράμμιση. Μπορεί να είναι πολύ συγκεχυμένο για τους αναγνώστες. Κάντε το κείμενό σας πιο όμορφο με CSS, για να το ξεχωρίζει θετικά.
