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

characterentity nameentity numberdescription
©©©copyright
||vertical bar
···Medium List Dot
↑↑up arrow
€€Euro Symbol
²²²Superscript 2
½½½Fraction ½
♥♥heart

Általános szimbólumok

characterentity nameentity numberdescription
  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

characterentity nameentity numberdescription
¤¤¤Generic currency symbol
$$dollar symbol
¢¢¢Cent symbol
£££Pound
¥¥¥Yen
€€Euro symbol

Matematika szimbólumok

characterentity nameentity numberdescription
<&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

characterentity nameentity numberdescription
&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

characterentity nameentity numberdescription
&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
Kapcsolódó bejegyzések:
  • Page contains the 252 allowed entities in HTML 4 and XHTML 1.0, as outlined in section 24 of the official HTML 4 specifications, published by the W3C. If you’re …

  • XHTML Character Entity ReferenceThis page contains the 252 allowed entities in HTML 4 and XHTML 1.0, as outlined in section 24 of the official HTML 4 specifi …

  • Készítsünk egy egyszerű animációt, hogy megismerkedjünk a Flashel, és lássuk, hogy mire képes. Ennek a spirálnak tényleges feladata nincsen, de nagyon szép látvá …

  • Az gondolom nem nagyon újdonság, hogy most már itthon is elérhető a Google Music (Zene – Google Play), a blogon egyszer már írtam róla a “Google Music – Google P …

  • Photoshop segítségével lehet olyan absztrakt grafikákat csinálni, mint amik a lapon is látható a galéria menüpontra kattintva. Persze a szép munkához idő kell, d …

A cikket beküldte: Harder (http://blog.harder.hu)

11 hozzászólás

  1. Ropesz says:

    Köszi!
    Tényleg jó kis gyűjtemény, már hiányzott!

  2. OFF: a kapcsolódó cikkekben lévő a tag-ek title attribútuma kicsit hosszúnak tűnik. ;-)

    ON: amúgy bookmarkoltam a cikket.

  3. Harder says:

    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. :)

  4. 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.

  5. féprofi says:

    É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.

  6. Harder says:

    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. :)

  7. wis says:

    @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

  8. Dylan says:

    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. :)

  9. Harder says:

    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. :)

  10. syam says:

    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.

  11. Harder says:

    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.

Szólj hozzá
a Speciális HTML kódok és szimbólumok (HTML entity) c. bejegyzéshez

- Engedélyezett HTML elemek: <a> <em> <strong> <ul> <ol> <li>
- Forráskód beküldéséhez tedd a kódot ezek közé: <pre lang="php" line="1">Kódrészlet helye itt</pre>