Grote pijl naar rechts. Witruimtetekens en hoe ze code in HTML opmaken, evenals speciale vaste spatietekens en andere geheugensteuntjes. Gevallen van het gebruik van enkele speciale tekens, inclusief niet-afbrekende spatie en een zacht koppelteken
Getypte tekst bestaat uit gedrukte karakters - grafische symbolen.
Grafische symbolen zijn symbolen die zichtbaar in de tekst voorkomen.
Alle grafische symbolen worden verzameld in een set van één universeel Unicode-systeem.
Voeg een grafisch Unicode-symbool in een HTML-document in
- het belangrijkste en enige doel van deze tafel.
U kunt op een van de volgende manieren een symbool in een HTML-document invoegen:
- kopieer de symboolafbeelding van het browservenster naar het venster van uw visuele html-editor
- kopieer de html-code van het symbool rechtstreeks naar de code van het html-document
- visueel in visueel invoegen
- code in code invoegen.
Het lettertype voor een symbool, de grootte en kleur in HTML kunnen worden ingesteld met code als:
CHARACTER_CODE
Waar,
Arial - lettertype,
10px - lettergrootte in pixels,
#ff0000 - kleurcode van lettertype (rood)
Bijvoorbeeld:
☎ - tekengrootte 30px,
☎ - symbool lettergrootte 30px, kleur - rood
☎ - tekengrootte 20px,
☎ - symboollettergrootte 10px.
Opmerking Aanbevolen lettertypen voor het invoegen van speciale tekens zijn Arial, Verdana en Tahoma. Deze lettertypen geven Unicode-tekens correct weer en worden op hun beurt weer correct ondersteund door webapplicaties.
- "Symbool"
(zichtbare symboolweergave)
Vanuit deze kolom kunt u de symboolafbeelding kopiëren en in het HTML-teksteditorvenster plakken. Het symbool wordt gekopieerd met een lettergrootte van 20px. Nadat het kopiëren is voltooid, kan het nodig zijn om de lettergrootte individueel rechtstreeks aan te passen aan het gekopieerde teken. - "Naam"
(alleen voor belangrijke of onduidelijke karakters)
Uitleg van het doel van het symbool, de reikwijdte ervan, voorbeelden... - "ezelsbruggetjes"
Een geheugensteuntje is een alfabetische constructie van de vorm ", die de alfabetische code van een teken in HTML aangeeft. Het wordt rechtstreeks in de HTML-code van een HTML-document ingevoegd. Geheugensteuntjes zijn erg populair onder professionele lay-outontwerpers. Ze worden perfect onthouden door mensen en worden ondersteund door alle html-toepassingen. Elke geheugensteun bevat een alfabetische naam (aanduiding ) van het symbool en een serviceteken (&), dat dient als signaal voor de browser om de code te lezen en dat niet op het beeldscherm wordt weergegeven van elk geheugensteuntje is uniek en gemakkelijk te lezen, omdat het is afgeleid van het Engelse woord dat het symbool kenmerkt.Ezelsbruggetjes (Grieks) - de kunst om iets te onthouden. Ezelsbruggetjes worden gebruikt om de perceptie van moeilijk te onthouden informatie te vergemakkelijken wanneer het te onthouden object in een associatieve toestand met iets wordt gebracht.
- "Code"
Code - de numerieke decimale code van een teken in HTML, zoals &. Rechtstreeks ingevoegd in de html-code van een html-document. De numerieke decimale code bestaat uit een getal dat aangeeft serienummer teken in het Unicode-systeem en verschillende servicetekens (& en #), die dienen als signaal voor de browser om de code te lezen en die niet op het beeldscherm worden weergegeven. De numerieke decimale code wordt veel gebruikt en gebruikt vanwege de veelzijdigheid en het gemak van perceptie.
Controletekens in HTML (XHTML)
Controletekens in HTML (XHTML) zijn servicetekens van de HTML-taal die worden gebruikt in de HTML-opmaak van een webpagina. Elke browser moet deze tekens ondersteunen, omdat het zonder deze tekens onmogelijk is om HTML-tekst correct weer te geven. Controletekens worden niet weergegeven in de tekst en worden, wanneer ze rechtstreeks vanaf het toetsenbord worden ingevoerd, door de browser geïnterpreteerd als leestekens die oproepen tot een bepaalde actie wanneer de pagina op het scherm wordt getekend.
Het is toegestaan om controletekens te gebruiken in gewone teksten, waar ze universele concepten symboliseren en door de browser worden geïnterpreteerd als gewone typografische tekens. Wanneer u op deze manier servicesymbolen in HTML-teksten gebruikt, moet niet de waarde van het symbool zelf worden ingevoerd, maar de HTML-code ervan. Omdat, ik herhaal, de browser anders het servicesymbool als een call-to-action zal opvatten en de HTML-tekst niet correct op het beeldscherm zal weergeven.
Controlesymbolen en hun HTML-code zijn zonder uitzondering door alle browsers bekend en begrepen, wat helaas niet gezegd kan worden over andere symbolen die in verschillende browsers onjuist worden weergegeven of, erger nog, helemaal niet worden weergegeven.
Syntaxis en interpunctie
ruimte met lengte N (reguliere ruimte) | |||||
ruimte met lengte M (lange ruimte) | |||||
- | zacht koppelteken (niet-afdrukbaar teken) | - | | ||
‑ | koppelteken | ‑ |
|||
---|---|---|---|---|---|
- | streepje lengte N (normaal streepje) | - | – | ||
— | streepje lengte M (em streepje) | — | — | ||
. | punt | . | |||
, | komma | , | |||
… | ellips | … |
… |
||
: | dubbele punt | : | |||
; | puntkomma | ; | |||
! | uitroepteken | ! ǃ |
|||
? | vraagteken | ? | |||
@ | "hond" | @ | |||
* | "ster" | * | |||
# | "rooster" | # | |||
‘ | enkel citaat linksboven | ‘ | ‘ |
||
’ | enkel citaat rechtsboven | ’ | ’ |
||
‚ | enkel citaat rechtsonder | ‚ | ‚ |
||
“ | dubbel citaat linksboven | “ | “ |
||
” | dubbel citaat rechtsboven | ” | ” |
||
„ | dubbel citaat rechtsonder | &bdquo | „ |
||
« | dubbel aanhalingsteken in de linkerhoek (Rus) | « | « | ||
» | dubbel aanhalingsteken in de rechterhoek (Rus) | » | » | ||
́ | accentteken, bijvoorbeeld: Vasya | ́ | |||
" | apostrof, voorbeeld: Jij"I | " | |||
´ | acuut, voorbeeld: Vasya | ´ | ´ | ||
¶ | alinea (niet-afdrukbaar teken) | ¶ | ¶ | ||
§ | paragraaf | § | § | ||
ˆ | accent (omgekeerde vogel) | ˆ | ˆ |
||
˜ | kleine tilde | ˜ | ˜ |
||
¦ | verticale stippellijn | ¦ | ¦ | ||
( | linker haakje | ( | |||
) | rechter haakje | ) | |||
〈 | linker hoekbeugel | 〈 | 〈 | ||
〉 | haakse beugel | 〉 | 〉 | ||
‹ | linker hoekbeugel, optie | ‹ | ‹ | ||
› | haakse hoekbeugel, optie | › | › | ||
[ | vierkante beugel links | [ | |||
] | vierkante beugel rechts | ] | |||
/ | slash - slash-teken | / | |||
\ | terugslag | \ | |||
⁄ | schuine streep (deelteken) | ⁄ | ⁄ | ||
ǀ | verticale balk | ǀ | |||
ǁ | dubbele verticale balk | ǁ | |||
‾ | bovenlijning, bijvoorbeeld: Vasya‾vasya | ‾ | ‾ | ||
¯ | macron, voorbeeld: Vasya¯vasya | ¯ | ¯ |
Handelsmerken en valuta
+ | plus | + | + | ||
---|---|---|---|---|---|
− | minus | − | - − |
||
= | gelijk aan | = | |||
± | plus of min | ± | ± | ||
× | vermenigvuldigingsteken | × | × | ||
÷ | divisie teken | ÷ | ÷ | ||
⋅ | puntoperator (midden van de lijn) | ⋅ | · ⋅ |
||
∗ | asterisk-operator (midden van de regel) | ∗ | ∗ | ||
∼ | tilde-operator | ∼ | ∼ | ||
. | lijstmarkering (midden van de regel) | . | |
||
¹ | superscript "1" | ¹ | ¹ | ||
² | superscript "2" | ² | ² | ||
³ | superscript "3" | ³ | ³ | ||
Superscript en subscript in HTML (XHTML) kan worden ingevoegd met behulp van tags En respectievelijk: NUMMER Superscript→ NUMMER Superscript NUMMER Abonnement→ NUMMER Subscript |
|||||
½ | breuk "een helft" | ½ | ½ | ||
⅓ | fractie "een derde" | ⅓ | |||
¼ | breuk "een vierde" | ¼ | ¼ | ||
¾ | breuk "driekwart" | ¾ | ¾ | ||
№ | hekje | № | |||
% | procent | % | |||
‰ | ppm | ‰ | ‰ |
||
° | graden | ° | ° | ||
′ | prime (minuten, voet) | ′ | ′ | ||
″ | dubbele prime (seconden, inches) Voorbeeld 1: 30° 25′ 12″ Voorbeeld 2: 25′ 12 ″ |
″ | ″ | ||
µ | micro | µ | µ | ||
π | Pi | π | π | ||
ƒ | functie teken (niet te verwarren met "integraal") |
ƒ | ƒ |
||
∫ | integraal | ∫ | ∫ | ||
∅ | nul gekruist, lege set (niet te verwarren met "diameter") |
∅ | ∅ | ||
⌀ | diameter (niet te verwarren met de doorgestreepte Latijnse “o”) | ⌀ | |||
ø | Latijnse "o" diagonaal doorgestreept | ø | ø | ||
Ø | Latijnse hoofdletter "O" diagonaal doorgestreept | Ø | Ø | ||
∏ | werk merk | ∏ | ∏ | ||
∑ | sommatie teken | ∑ | ∑ | ||
√ | radicaal (vierkantswortel of x wortel) |
√ | √ | ||
∝ | proportioneel | ∝ | ∝ | ||
∞ | oneindigheid | ∞ | ∞ | ||
∠ | hoek | ∠ | ∠ | ||
⊥ | orthogonaal (loodrecht) | ⊥ | ⊥ | ||
∴ | teken "daarom" | ∴ | ∴ | ||
≅ | ongeveer gelijk | ≅ | ≅ | ||
≈ | vrijwel gelijk | ≈ | ≈ | ||
≠ | niet gelijk | ≠ | ≠ | ||
≡ | identiek | ≡ | ≡ | ||
≤ | kleiner dan of gelijk aan | ≤ | ≤ | ||
≥ | groter dan of gelijk aan | ≥ | ≥ | ||
∧ | logisch EN | ∧ | ∧ | ||
∨ | logisch OF | ∨ | ∨ | ||
⊕ | plusteken in een cirkel (direct bedrag) |
⊕ | ⊕ | ||
⊗ | vermenigvuldigingsteken in een cirkel (kruisproduct, pijl van waarnemer) |
⊗ | ⊗ | ||
ʘ | stip in een cirkel (pijl naar waarnemer) |
ʘ |
✵ ✵ |
|||||
Deze pagina bevat pijlen voor VKontakte (en niet alleen) van Unicode. Er zijn er veel. Misschien wel meer dan wij. Het zou mij niet verbazen als ze op een dag de wereld overnemen. En het is geen feit dat dit slecht is. Ze zijn nu al overal. Kijk om je heen, je zult er waarschijnlijk minstens één zien. Nou ja, of iets soortgelijks, iets dat in plaats daarvan kan worden gebruikt. Ze kijken en wachten. Tot nu toe hebben ze meer goed dan kwaad gedaan. Laten we hopen dat dit zo blijft. Laten we de aanwijzersymbolen helpen dieper in sociale netwerken te komen.
Ik zal een paar woorden zeggen over de geschiedenis van het verschijnen van pijlen. Ze verschenen in de 19e eeuw op broeken omdat de broek, nadat hij in strakke balen was vervoerd, moeilijk uit te strijken was. Ze werden voor onze ogen geschilderd in het oude Egypte. Ik weet niet wanneer er borden in de omgeving verschenen. Waarschijnlijk zelfs vóór de creatie van de eerste geschreven taal. In Unicode verschenen pijlen in fasen. Hoewel ze hun eigen aparte sectie en twee extra secties hebben, zijn er in nog een aantal secties verschillende richtingaanwijzers te zien. Bijvoorbeeld in verschillende technische symbolen of in dingbats.
Pijlensymbolen voor sociale netwerken
Zwarte pijlen zijn vereist en natuurlijk. Ze geven immers de richting aan. Hier bijvoorbeeld naar rechts en naar beneden: ⇘. Maar naar het zuidoosten: ➘. Prachtig, nietwaar?
Aanwijzingen kunnen het meest zijn verschillende soorten en maten. Golvend, gebroken, krachtig, zwart, wit. Sommige zijn niet eens typisch. Kijk eens naar dit gearceerde rechtshandige speerpunt: ➤. Dit kan elk bericht, status of bericht versieren. Hierboven staan tips voor elke smaak en maat. Veel verschillende, heel veel. Op een dag zullen ze het overnemen... Er was ergens een geneesmiddel...
Om een pijl ergens op VKontakte te kopiëren, selecteert u deze met de muis en kopieert u deze ergens op VKontakte.
Een aantal cijfers en letters hebben een uiterlijk vergelijkbare stijl, die niet te onderscheiden is met een kleine lettergrootte. Bijvoorbeeld de cijfers "0", "1" en de letters "O", "l" (L). Dit is een ernstig probleem, vooral in gevallen waarin een strikt ondubbelzinnige lezing van symbolen noodzakelijk is. Wanneer u bijvoorbeeld uw alfanumerieke wachtwoord met een pen op een stuk papier schrijft of uw alfanumerieke wachtwoord op een printer afdrukt. De eerste programmeurs en lettertypeontwerpers moesten dit probleem oplossen (in de 20e eeuw, helemaal aan het begin van het computertijdperk). Er zijn al geruime tijd speciale contrasterende lettertypen verschenen, zoals Inconsolata, Consolas (systeem in OS Windows), Anonymous Pro, Deja Vu Sans Mono en vele anderen. Sommigen van hen kunnen gratis worden gedownload via links op de websites van de auteurs en makers ervan en op gespecialiseerde internetbronnen.
Zie voorbeeld:
http://www.levien.com/type/myfonts/inconsolata.html
Indien toegestaan technische specificaties en ontwerpopdracht, dan wordt in plaats van een digitale nul "Ø" in de HTML-code geplaatst (Latijnse hoofdletter O met lijn, van een wijziging van het Latijnse alfabet voor de Scandinavische talen - Noors en Deens), ongeveer vergelijkbaar in de omtrek ervan tot de doorgestreepte halve nul. IN teksteditor- zo'n pictogram wordt genomen, gekopieerd uit de tabel met speciale tekens en op de gewenste positie in de regel ingevoegd. Deze lifehack is handig als u problemen ondervindt bij het vinden en installeren van een speciaal lettertype op uw apparaat. Deze tip bespaart tijd en voorkomt dat u het cijfer “0” (nul) met de letter “O” verwart, niet alleen op uw pc-monitor, maar ook op de schermen van andere apparaten, waar het vereiste lettertype mogelijk niet beschikbaar is. Deze vorm van opnemen wordt traditioneel gebruikt bij het weergeven van gemengde alfanumerieke informatie op een vel papier, bijvoorbeeld uw wachtwoord of toegangscode. Het is opmerkelijk dat er zelfs een humoristische uitdrukking "" is, die het belang benadrukt van de aanwezigheid van dit element, dat het symbool een bepaalde betekenis en betekenis geeft. Grafische weergave van nul in verschillende soorten lettertypen - u kunt hun afbeeldingen in afbeeldingen bekijken en vergelijken met behulp van een gespecialiseerde service op de websitepagina:
http://www.fileformat.info/info/unicode/char/0030/fontsupport.htm
Figuur 2
Bij het bewerken en redigeren van tekst gebeurt het doorstrepen van een verkeerd geschreven of onnodig teken met een groot schuin kruis (twee kruisende diagonale strepen van gelijke lengte). In een teksteditor gebeurt dit door middel van opmaak - selecteer eerst een fragment en druk vervolgens op een reeks knoppen en tabbladen in het menu (Opmaak - Teken - Lettertype-effecten - Doorhalen) om het gewenste effect uit de vervolgkeuzelijst te selecteren. lijstjes neer. Het doorstrepen van één of meerdere woorden op een regel of in een hele paragraaf van een document gebeurt met behulp van een horizontale enkele of dubbele lijn van voldoende dikte.
Als u precies wilt weten wat er in de tekst staat - een letter of een cijfer, dan kunt u in de zoekmodus op de pagina het gewenste symbool instellen en ervoor zorgen dat het precies daar wordt gevonden.
Niet alle tekens die u op uw toetsenbord ziet, mogen in de tekst van een HTML-document worden gebruikt. Dit is echter logisch. Als elke tag begint met het teken (<) и заканчивается символом (>), dan is het heel logisch dat deze tekens niet in gewone tekst kunnen worden gespecificeerd. Deze tekens hebben een speciale betekenis in HTML-documenten. Wanneer de browser ze ziet, denkt hij dat het HTML-tags zijn en probeert hij ze als zodanig te interpreteren.
Om het probleem op te lossen van het toevoegen van tekens die niet mogen worden ingevoerd in de tekst van een HTML-document, is een reeks speciale tekens ontwikkeld: reeksen die tekens vervangen die niet mogen worden ingevoerd via het toetsenbord. Tekens die niet op uw toetsenbord voorkomen, kunnen ook worden vervangen door speciale tekens. Elke dergelijke reeks (ezelsbruggetje) moet beginnen met een ampersand-teken (&) en eindigen met een puntkomma (;). Tussen (&) en (;) kunt u het volgende invoeren:
- speciale tekennaam (&name;);
- een numerieke code die wordt ingevoerd na het () teken, dat wil zeggen dat wanneer u een speciaal teken typt door de numerieke code op te geven, u de volgende invoer moet gebruiken: (&code;);
Als u bijvoorbeeld het minder dan-teken wilt weergeven (<) мы должны написать: < (symboolnaam) of &60;(numerieke code in decimaal systeem) of &x0003C;(numerieke code in hexadecimaal systeem).
Niet-brekende ruimte
Het hoofddoel van een niet-brekende ruimte () (uit een niet-brekende ruimte) — afzonderlijke woorden, maar verbied op dit punt een nieuwe regel. Omdat de grootte van het browservenster niet constant is, vindt de nieuwe regel in een alinea automatisch plaats. In dit geval zal de browser de regel doorbreken op elke plaats waar een spatie of koppelteken staat. Volgens de spellingregels zijn er taalstructuren die niet kunnen worden verbroken. Constructies met een vaste ruimte zijn bijvoorbeeld:
- achternamen met initialen;
- em streepjes voorafgegaan door een woord;
- eenlettergrepige woorden gevolgd door een woord;
- getallen gevolgd door meeteenheden.
- 15 m/sec
- 100 km/u
Zoals u al weet, worden in HTML meerdere opeenvolgende reguliere spaties vervangen door één enkele spatie. Als u 10 spaties in de tekst schrijft, verwijdert de browser er 9. Om daadwerkelijke spaties aan uw tekst toe te voegen, kunt u een niet-afbrekende spatie gebruiken () .
Citaten.
Bij het afdrukken zijn er drie soorten aanhalingstekens: dubbele hoekaanhalingstekens of “visgraat”-aanhalingstekens (“ ”), typografische aanhalingstekens (“ ”) en handgeschreven “voeten” (“ ”). Wanneer u met programmacodes werkt, gebruikt u dubbele rechte aanhalingstekens (" ") en enkele rechte aanhalingstekens (" ").
Volgens de traditie zijn het belangrijkste type aanhalingstekens in de Russische taal 'Kerstbomen'. In HTML komen kerstbomen overeen met de symbolen «
En »
. In veel publicaties worden in plaats van visgraat ook typografische aanhalingstekens en dubbele rechte aanhalingstekens gebruikt.
De linker en rechter typografische aanhalingstekens komen overeen met de symbolen “
En ”
dienovereenkomstig, en het aanhalingsteken linksonder - „
.
Directe dubbele aanhalingstekens komen overeen met een speciaal teken "
.
Het gebruik van speciale aanhalingstekens wordt getoond in het volgende voorbeeld:
Voorbeeld: gebruik van aanhalingstekens
Koppelteken en streepje.
Bij het afdrukken zijn er drie zeer vergelijkbare tekens: het em-streepje, het en-streepje en het koppelteken. Hiervan staat er maar één op een computertoetsenbord: het koppelteken. Dit wordt meestal gebruikt in alle gevallen waarin een koppelteken of streepje in de tekst moet worden geplaatst. Er moeten echter bepaalde interpunctieregels met betrekking tot het gebruik van deze tekens worden gevolgd.
Het koppelteken (-) wordt dus alleen binnen woorden of tussen cijfers gebruikt. Een em-streepje (—) wordt tussen woorden in een zin geplaatst en door spaties van deze woorden gescheiden. Het em-streepje komt overeen met een geheugensteuntje —
. Het en-streepje (-) wordt gebruikt tussen cijfers zonder letters of tussen woorden die in hoofdletters staan, en wordt ook gebruikt als minteken in wiskundige formules. Er is geen spatie tussen en-streepjes en woorden. Het en-streepje komt overeen met een geheugensteuntje -
.
Het gebruik van een koppelteken en een liggend streepje wordt weergegeven in het volgende voorbeeld:
Voorbeeld: speciale tekens - en -
- Probeer het zelf »
Tijd is geld...
Het duurt te lang om de webpagina te openen.
Het zou binnen 2-4 seconden moeten laden.
Tijd is geld...
Symbool | Beschrijving | Ezelsbruggetje naam | Numerieke code |
---|---|---|---|
niet-brekende ruimte | < | minder dan | < |
> | meer dan | > | > |
& | ampersand | & | & |
" | regelrecht dubbel aanhalingsteken | " | " |
" | apostrof | " | " |
« | linker dubbele hoekcitaat | « | « |
» | rechter dubbele hoekcitaat | » | » |
‘ | links enkel aanhalingsteken | ‘ | ‘ |
’ | juiste enkele aanhalingstekens | ’ | ’ |
‚ | onderste enkel aanhalingsteken | ‚ | ‚ |
“ | links dubbel aanhalingsteken | “ | “ |
” | juiste dubbele aanhalingstekens | ” | ” |
„ | onderste dubbele aanhalingstekens | „ | „ |
€ | euro | € | € |
copyright | © | ||
® | geregistreerd handelsmerk | ® | ® |
Soorten speciale tekens
Op een gewoon toetsenbord zul je de meeste wiskundige, technische, geometrische en andere speciale karakters niet vinden.
Om dergelijke symbolen op een HTML-pagina toe te passen, kunt u de bijbehorende geheugensteunnamen gebruiken.
Het volgende voorbeeld laat zien hoe hetzelfde symbool kan worden weergegeven met verschillende codes.
- Dynastieën van Europa Ambitieuze plannen van een klein land
- Goedkeuring van lijsten met schadelijke en (of) gevaarlijke productiefactoren en werkzaamheden, tijdens de uitvoering waarvan verplichte voorafgaande en periodieke medische onderzoeken (onderzoeken) worden uitgevoerd - Rossiyskaya Gazeta
- Admiraal Senyavin Dmitry Nikolajevitsj: biografie, zeeslagen, onderscheidingen, herinnering Biografie van admiraal Senyavin
- De betekenis van Rybnikov Pavel Nikolajevitsj in een korte biografische encyclopedie