Sisältö
Aikaviivojen alleviivaaminen oli ennen tekstin liittämistä u> / u> -tagien väliin, mutta tämä menetelmä on sittemmin poistettu käytöstä monipuolisemman CSS: n hyväksi. Verkkosivujen alleviivaamista pidetään yleensä hankalana tapana korostaa tiettyä tekstiosaa. Tämä johtuu siitä, että alleviivattu teksti sekoitetaan helposti linkkiin.
Astua
Menetelmä 1/2: Nykyinen menetelmä
Käytä tekstikoristeluominaisuutta CSS-tyylilläsi. U> -tunnisteen käyttö ei ole enää sopiva tapa alleviivata tekstiä. Sen sijaan käytämme CSS-ominaisuutta "text-decoration". - Tämä helpottaa koodin muokkaamista, jotta sinun ei tarvitse muuttaa mitään vanhasta koodista, jos siitä on tullut käyttökelvoton.
Käytä span> -tunnistetta, kun haluat alleviivata tietyn osan tekstistä. Sijoita aloitusmerkki "text-decoration" -ominaisuuden kanssa kohtaan, josta haluat alleviivauksen alkavan. Aseta lopputunniste / väli> sinne, missä alleviivauksen pitäisi loppua. span style = "text-decoration: underline;"> Tämä alleviivataan. / span>
Ilmoita HTML-elementit tyylisi> sivusi osaan. Voit tehdä tämän myös CSS-tyylitaulukossa. Alleviivaus voidaan tehdä paljon helpommaksi liittämällä tyyli HTML-elementtiin. Voit esimerkiksi alleviivata kaikki tason 3 otsikot lisäämällä seuraavan CSS-tyylin: html> head> style> h3 {text-decoration: alleviivaus; } / style> / head> body> h3> Tämä otsikko on alleviivattu / h3> / body> / html>
Luo CSS-luokka alleviivata nopeasti milloin tahansa. Voit luoda luokkia tyylitaulukkoon tai tyyliin>, jota kutsutaan myöhemmin. Kurssilla voi olla mikä tahansa haluamasi nimi. html> head> style> .lineline {text-decoration: alleviivaus; } / style> / head> body> Voit käyttää tätä luokkaa nopeasti alleviivaamaan div> / div> eri osista div> sisällöstäsi / div> / body> / html>
Harkitse muita tapoja korostaa tekstiä. Alleviivaus tulisi välttää lukijan hämmennyksen välttämiseksi. Suosittu tapa on käyttää em> -tagia, joka tekee tekstistä kursiivin. Voit määrittää tämän tunnisteen CSS: n avulla ainutlaatuisen tavan korostaa. html> head> style> em {väri: punainen; } / style> / head> body> Kaikista em-elementin sisäpuolista tulee em> kursiivi (oletusasetusten vuoksi) ja punainen / em> yllä lisätyn tyylin vuoksi. / body> / html>
Menetelmä 2/2: Vanhentunut menetelmä
Vältä vanhojen u> / u> -tunnisteiden käyttöä. Nämä ovat "lannistuneita", eli se toimii edelleen, mutta niitä ei enää käytetä tai suositella. Tämä johtuu siitä, että HTML: ää ei periaatteessa ole suunniteltu merkintäkieleksi. U> -tunniste toimii edelleen, mutta sen on nyt tarkoitus osoittaa tekstiä, joka eroaa toisesta tekstistä, kuten väärin kirjoitettu sana tai kiinan kielen substantiivit. 
Käytä alleviivausmerkkiä u> / u> (vain havainnollistamista varten). Älä missään tapauksessa käytä tätä menetelmää uudelleen. Voi olla hyvä tietää, miten sitä käytettiin, jos joudut päivittämään vanhempaa verkkosivustoa. html> body> HTML: n vanhan tagin u> avulla voit nopeasti korostaa alleviivoja / u>, mutta asiat menevät nopeasti sotkuisiksi, kun muita tyylielementtejä käytettiin. Siksi korostamme nyt "tekstikoristelu" CSS-elementillä. / body> / html>
Vinkkejä
- Lähes aina on parempi tapa korostaa jotain verkkosivulla kuin alleviivaus. Se voi olla hyvin hämmentävää lukijoille. Tee tekstistä kauniimpi CSS: llä, jotta se erottuu positiivisesti.
