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 |
|---|---|---|---|
| < | < | < | Less than |
| > | > | > | Greater than |
| ≤ | ≤ | ≤ | Less than or Equal to |
| ≥ | ≥ | ≥ | Greater than or Equal to |
| × | × | × | Multiplication symbol |
| ÷ | ÷ | ÷ | Division symbol |
| − | − | − | Minus symbol |
| ± | ± | ± | Plus/minus symbol |
| ≠ | ≠ | ≠ | Not Equal |
| ¹ | ¹ | ¹ | Superscript 1 |
| ² | ² | ² | Superscript 2 |
| ³ | ³ | ³ | Superscript 3 |
| ½ | ½ | ½ | Fraction ½ |
| ¼ | ¼ | ¼ | Fraction ¼ |
| ¾ | ¾ | ¾ | Fraction ¾ |
| ‰ | ‰ | ‰ | per mille |
| ° | ° | ° | Degree symbol |
| √ | √ | √ | square root |
| ∞ | ∞ | ∞ | Infinity |
Irány szimbólumok
| character | entity name | entity number | description |
|---|---|---|---|
| ← | ← | ← | left arrow |
| ↑ | ↑ | ↑ | up arrow |
| → | → | → | right arrow |
| ↓ | ↓ | ↓ | down arrow |
| ↔ | ↔ | ↔ | left right arrow |
| ↵ | ↵ | ↵ | carriage return arrow |
| ⌈ | ⌈ | ⌈ | left ceiling |
| ⌉ | ⌉ | ⌉ | right ceiling |
| ⌊ | ⌊ | ⌊ | left floor |
| ⌋ | ⌋ | ⌋ | right floor |
Speciális szimbólumok
| character | entity name | entity number | description |
|---|---|---|---|
| ♠ | ♠ | ♠ | spade |
| ♣ | ♣ | ♣ | club |
| ♥ | ♥ | ♥ | heart |
| ♦ | ♦ | ♦ | diamond |
| ◊ | ◊ | ◊ | lozenge |
| † | † | † | dagger |
| ‡ | ‡ | ‡ | double dagger |
| ¡ | ¡ | ¡ | inverted exclamation mark |
| ¿ | ¿ | ¿ | 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 Reference This 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á …
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 tutorial egy olyan módszert mutat be, mellyel meglepő módon el lehet torzítani 1-1 képet (csak meg kell nézni, hogy az eredeti képből mi lett a végeredmény) má …
A cikket beküldte: Harder (http://blog.harder.hu)
Tweet This
Share on Facebook
Digg This
Save to delicious
Stumble it
RSS Feed
Köszi!
Tényleg jó kis gyűjtemény, már hiányzott!
OFF: a kapcsolódó cikkekben lévő a tag-ek title attribútuma kicsit hosszúnak tűnik. ;-)
ON: amúgy bookmarkoltam a cikket.
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. :)
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.
É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.
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. :)
@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
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. :)
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. :)