' ” -tunnistetta käytetään näyttämään verkkosivulla oleva teksti, jota pidetään kappaleena. '
' -tunnisteen mukana tulee ennalta määritetty pystysuora välilyönti, joka lisätään kappaleen eteen ja jälkeen. '
'-tunnisteen sisällä oleva teksti näkyy aina seuraavalla rivillä ja ohittaa myös ylimääräiset välilyönnit. Kehittäjät voivat käyttää p-tunnistetta sisällön erottamiseen erillisiin osiin tai tietojen järjestämiseen loogisesti.
Tämä opas esittelee HTML p -tunnisteen käytännön toteutuksen kanssa.
Mikä on HTML p -tunniste?
' ” -tunnistetta käytetään verkkosivulla parantamaan sisällön rakennetta ja tekemään tekstistä näkyvämpää. Se auttaa verkkosivun hakukoneoptimointiprosessissa, mikä voi parantaa verkkosivuston sijoitusta hakutuloksissa.
Syntaksi
Syntaksi kohteelle ' '-tunniste näytetään seuraavasti:
< s > Linux s >
Yllä olevalla koodirivillä ' ' on aloitustunniste ja '
” on lopputunniste. Lopputunnisteen käyttö on pakollista, jotta vältetään HTML-elementtien monimutkaisuus ja päällekkäisyys.
Katso alla oleva esimerkki ymmärtääksesi, kuinka ' ”tunniste toimii:
< kehon >< s > Hei Linuxhint-yhteisö s >
kehon >
Yllä olevan koodinpätkän tulos näkyy alla:
Yllä oleva tulos näyttää pelkän tekstin, joka näytetään näytöllä käyttämällä ' ' -tunniste.
Miten CSS-tyyliä käytetään
-tunnisteeseen?
' '-tunniste hyväksyy yleiset attribuutit, kuten ' luokkaa ”, “ id ' tai ' tyyli ” jne. joita voidaan käyttää valitun elementin muotoiluun CSS-ominaisuuksien avulla. Kehittäjä voi käyttää jotakin yleistä attribuuttia CSS-ominaisuuksien soveltamiseen vain tiettyihin elementteihin. Ja tyylien soveltamiseen kaikkiin ' -tunnisteet, joita käytetään verkkosivulla, valitse suoraan HTML' s ' elementti CSS-tiedoston sisällä tai '
Esimerkki 1: CSS-ominaisuuksien käyttäminen kaikkiin 'p'-elementteihin
Jos haluat määrittää samat tyylit kaikille
HTML-elementeille, käy alla olevassa koodinpätkässä:
< tyyli >s {
taustaväri: metsänvihreä;
väri valkoinen;
}
tyyli >
< kehon >
< s > Hei Linuxhint-yhteisö s >
< s > Hei Linuxhint-yhteisö s >
< s > Hei Linuxhint-yhteisö s >
< s > Hei Linuxhint-yhteisö s >
kehon >
Yllä olevassa koodinpätkässä CSS ' taustaväri ' ja ' väri ' ominaisuuksia sovelletaan ' s '-elementtejä valitsemalla suoraan ' s ” elementin valitsin.
Yllä olevan koodinpätkän suorittamisen jälkeen verkkosivu näyttää tältä:
Yllä oleva tulos osoittaa, että samaa tyyliä on käytetty kaikissa ' s ”-elementtejä verkkosivulla.
Esimerkki 2: CSS-ominaisuuksien käyttäminen yksilölliseen 'p'-elementtiin
Tyylien soveltamiseen ainutlaatuisiin s ”-elementtejä, style-, id- tai class-attribuutteja voidaan käyttää. Nämä yleiset attribuutit käyttävät CSS-ominaisuuksia ' s ”-elementti, johon ne on kiinnitetty.
Käykäämme koodissa:
< tyyli >s {
taustaväri: metsänvihreä;
väri valkoinen;
}
.usus-luokka {
taustaväri: tummansyaani;
}
#using-id{
taustaväri: ruusunruskea;
}
tyyli >
< kehon >
< s > Hei Linuxhint-yhteisö s >
< s tyyli = 'taustaväri: punainen' > Hei Linuxhint-yhteisö s >
< s luokkaa = 'käyttöluokka' > Hei Linuxhint-yhteisö s >
< s id = 'käyttäjätunnus' > Hei Linuxhint-yhteisö s >
< s > Hei Linuxhint-yhteisö s >
kehon >
Yllä olevassa koodinpätkässä taustaväriominaisuus ' s ”-elementille asetetaan eri arvot, kun sitä käytetään globaalien attribuuttien kanssa.
Yllä olevan koodinpätkän suorittamisen jälkeen verkkosivu näyttää tältä:
Yllä oleva tulos osoittaa, että ' s ” elementit on nyt tyylitelty ainutlaatuisesti globaalien attribuuttien avulla.
Johtopäätös
' ”
.