Joitakin symboleja on vaikea kirjoittaa ja toiset ovat teknisesti kiellettyjä. Ota selvää, mikä on kumpi ja miten hallitset merkkejä HTML: ssä.
Joissakin tapauksissa sinun on ehkä käytettävä verkkosivustollasi erikoismerkkiä, kuten et-merkkiä. Et kuitenkaan voi yksinkertaisesti kirjoittaa "&" HTML-koodiisi, koska tämä on varattu HTML-symboli.
Sen sijaan voit käyttää HTML-kokonaisuuksia tai erikoiskoodeja edustamaan näitä merkkejä. Tämän avulla voit lisätä symboleja verkkosivullesi häiritsemättä todellista HTML-koodia.
Mitä symbolit ovat HTML: ssä?
Kun HTML-sivuston rakentaminen, käytät erilaisia symboleita välimerkeissä. Vaikka voit lisätä useimmat merkit suoraan sivullesi, joillakin on erityinen merkitys tai niitä on vaikea kirjoittaa. Esimerkiksi HTML käyttää symboleja, kuten kulmasulkuja (< ja >), et-merkkejä (&) ja lainausmerkkejä (" ja ') edustamaan sisältösi rakennetta.
Verkkoselain tulkitsee kulmasulkumerkin tyypillisesti avaavaksi tai sulkevaksi tunnisteeksi. Jos tämä ei ole tarkoitus, se voi aiheuttaa virheitä verkkosivullesi. Esimerkkejä symboleista, jotka vaativat entiteettikoodin:
- et-merkki (
&
) - Vähemmän kuin (
<
) - Suurempi kuin (
>
) - Tuplalainaus (
"
) - Yksi lainaus (
'
)
Muut symbolit, kuten tekijänoikeus- ja tavaramerkkisymbolit eivät vaadi entiteettikoodia, mutta voit silti käyttää sitä, jos haluat. Niitä voi olla hankala kirjoittaa tai niitä ei edes tueta tekstieditorissasi. Joitakin esimerkkejä ovat:
- Tekijänoikeussymboli (©)
- Tavaramerkin symboli (™)
- Rekisteröidyn tavaramerkin symboli (®)
Mitä ovat nimetyt ja numeeriset kokonaisuudet?
Voit esittää jokaisen symbolin käyttämällä numeerista entiteettikoodia, ja yleisimpiä myös nimetyllä entiteetillä. Tässä muutamia esimerkkejä:
Symboli |
Nimetty entiteettikoodi |
Numeerinen kokonaisuuskoodi |
Et |
& |
& |
Vähemmän kuin |
< |
< |
Suurempi kuin |
> |
> |
Tuplalainaus |
" |
" |
Yksittäinen lainaus |
' |
' |
Tekijänoikeus |
© |
© |
Tavaramerkin symboli |
™ |
™ |
Rekisteröidyn tavaramerkin symboli |
® |
® |
Joko nimetyn tai numerokoodin käyttäminen näyttää vastaavan symbolin. Esimerkiksi käyttämällä "©" tai "©" näyttää tekijänoikeussymbolin.
Emojien lisääminen verkkosivullesi
Voit myös näyttää hymiöitä käyttämällä entiteettikoodia. Kaikilla hymiöillä on numeerinen entiteettikoodi HTML: ssä, mutta kaikilla ei ole nimettyä entiteettikoodia. Joitakin esimerkkejä ovat:
Symboli |
Numeerinen kokonaisuuskoodi |
Hymyilevät kasvot (😃) |
😃 |
Nauravat kasvot (😆) |
😆 |
Hymyilevät kasvot halolla (😇) |
😇 |
Symbolien lisääminen verkkosivulle entiteettikoodeilla
Voit lisätä entiteettikoodeja HTML-sivusi sisältöön. Kun katselet verkkosivuasi selaimessa, koodit muunnetaan niitä vastaaviksi symboleiksi.
- Lisää uuteen HTML-tiedostoon HTML-verkkosivun perusrakenne:
html>
<html>
<pää>
<otsikko>Esimerkki symbolista ja kokonaisuudestaotsikko>
<metamerkkisetti="UTF-8">
pää>
<kehon>
kehon>
html> - Lisää HTML-sisältöä body-tagin sisään. Sisällytä näytettävän symbolin nimetty tai numeerinen entiteettikoodi:
<h1>HTML-symbolith1>
<s>Tekijänoikeussymboli: ©s>
<s>Et-symboli: &s>
<s>Tavaramerkin symboli: ™s>
<s>Hymyilevät kasvot: 😃s> - Avaa HTML-tiedosto verkkoselaimessa nähdäksesi vastaavat symbolit:
Erikois- tai varattu HTML-symbolien käyttäminen verkkosivustollasi
Nyt kun tiedät kuinka lisätä symboleja HTML-verkkosivullesi, voit tutkia muuta mielenkiintoista sisältöä, jota voit lisätä tehdäksesi verkkosivustostasi kiinnostavamman.