Speciális HTML kódok és szimbólumok (HTML entity)

Semmi extra, nem tutorial, csak egy kigyűjtés, mert már untam, hogy mindig rá kell keresnem a neten. :)

Gyakori szimbólumok

character entity name entity number description
© © © copyright
| | vertical bar
· · · Medium List Dot
↑ ↑ up arrow
€ € Euro Symbol
² ² ² Superscript 2
½ ½ ½ Fraction ½
♥ ♥ heart

Általános szimbólumok

character entity name entity number description
    Inserts a non-breaking blank space
& & & Ampersand
" " quotation mark
© © © copyright symbol
® ® ® registered symbol
™ ™ trademark symbol
“ “ Opening Double Quotes
” ” Closing Double Quotes
‘ ‘ Opening Single Quote Mark
’ ’ Closing Single Quote Mark
« « « angle quotation mark (left)
» » » angle quotation mark (right)
‹ ‹ single left angle quotation
› › single right angle quotation
§ § § Section Symbol
¶ ¶ Paragraph symbol
• • Big List Dot
· · · Medium List Dot
… … horizontal ellipsis
| | vertical bar
¦ ¦ ¦ broken vertical bar
– – en-dash
— — em-dash

Pénz szimbólumok

character entity name entity number description
¤ ¤ ¤ Generic currency symbol
$ $ dollar symbol
¢ ¢ ¢ Cent symbol
£ £ £ Pound
¥ ¥ ¥ Yen
€ € Euro symbol

Matematika szimbólumok

character entity name entity number description
< &lt; &#60; Less than
> &gt; &#62; Greater than
&le; &#8804; Less than or Equal to
&ge; &#8805; Greater than or Equal to
× &times; &#215; Multiplication symbol
÷ &divide; &#247; Division symbol
&minus; &#8722; Minus symbol
± &plusmn; &#177; Plus/minus symbol
&ne; &#8800; Not Equal
¹ &sup1; &#185; Superscript 1
² &sup2; &#178; Superscript 2
³ &sup3; &#179; Superscript 3
½ &frac12; &#189; Fraction ½
¼ &frac14; &#188; Fraction ¼
¾ &frac34; &#190; Fraction ¾
&permil; &#8240; per mille
° &deg; &#176; Degree symbol
&radic; &#8730; square root
&infin; &#8734; Infinity

Irány szimbólumok

character entity name entity number description
&larr; &#8592; left arrow
&uarr; &#8593; up arrow
&rarr; &#8594; right arrow
&darr; &#8595; down arrow
&harr; &#8596; left right arrow
&crarr; &#8629; carriage return arrow
&lceil; &#8968; left ceiling
&rceil; &#8969; right ceiling
&lfloor; &#8970; left floor
&rfloor; &#8971; right floor

Speciális szimbólumok

character entity name entity number description
&spades; &#9824; spade
&clubs; &#9827; club
&hearts; &#9829; heart
&diams; &#9830; diamond
&loz; &#9674; lozenge
&dagger; &#8224; dagger
&Dagger; &#8225; double dagger
¡ &iexcl; &#161; inverted exclamation mark
¿ &iquest; &#191; inverted question mark
Hugyecz Görgy (Harder)
20+ éve munkám és hobbim is az online világhoz köt. Az utóbbi 10+ évben leginkább keresőopimalizálás (SEO) témában tevékenykedem, mellette pedig Google Ads és Facebook PPC fronton is segítem ügyfeleimet. Korábban 10+ évig webgrafika, sitebuild, weboldal készítés témakörben mozogtam.

11 HOZZÁSZÓLÁS

  1. Huha, thx hogy szóltál, megnézem mi a gond :D
    ———-
    szerkesztés: javítottam is, most már jól jelenik meg a title. :)

  2. Jó kis összeállítás, folyamatosan keresnem kellett ezeket, mert soha nem voltak bookmarkolva a forrásoldalak. Ezennel megteszem.

    Engem kifejezetten zavarnak, hogy html-ben kódolni kell ezeket a karaktereket. Miért ne írhatnám le egyszerűen, hogy & az & helyett? Azt viszont elismerem, hogy néha megkönnyíti a dolgom. Egyszerűbb leírnom, hogy € mint előkeresnem a karakterkódját, mert ilyen nincs a billentyűzetemen.

    Remélem egyszer lesz majd egy olyan szabvány, ami megengedi ezt, ahogy a html5 is sokat feloldott.

  3. Én UTF-8 kódolással készítem a weblapokat, simán le lehet írni a karaktereket, mivel mindegyiknek megvan a _saját kódja_, nem úgy mint a 256 karakteres kódlapok esetén.

  4. Amennyiben magadnak készíted a lapot és van választásod UTF-t használni, nincs gond. Sajnos van, amikor csak felhasználó vagy és szükséged van ilyesmire .. iyen esetekre kell nekem is. :)

  5. @Fábián Gábor
    „Miért ne írhatnám le egyszerűen, hogy & az & helyett?”
    Ez pont, hogy speciális karakter mert ennek a segítségével írjuk le „őket”.
    Ahogy a párja a ; is. Ugyanúgy speciális karakter a , ” is, csak ezek használatát megszoktuk. A többi szimbólumnál azonban már nem kötelező így leírni, elég egyszerűen beilleszteni a forráskódba ha UTF-8-as kódolást használsz.
    Hasznos oldal: http://www.unicode.org/charts/#symbols

  6. Ezért (is) érdemes NetBeans-t használni a kódoláshoz, az amint beírod az & jelet, feldobja a segítséget, hogy mit szeretnél betenni, így nem kell keresgélni vagy megjegyezni ezeket. :)

  7. Jó a NetBeans is, de én a kisebb és gyorsabb programok híve vagyok (Textmate, Intype, Pspad főleg), annyira gyakran nem kellenek a spec karakterek, hogy a hétköznapokban csak emiatt használjak ekkora programot. :)

  8. Nem szimbólum, hanem jel. A szimbólum magyarul jelképet jelent. Nagy különbség.

    Az angol symbol mind a két jelentéssel bír.

  9. Nézd meg a top 10 találatot a „HTML jel”-re és a „HTML szimbólum” vagy „HTML szimbólumok”-ra. Nem véletlenül választottam ezt a címet. A magyar nyelvben is a HTML szimbólum megnevezés terjedt el.

HOZZÁSZÓLOK A CIKKHEZ

Kérjük, írja be véleményét!
írja be ide nevét