Stort plusstegn. HTML spesialtegn. Tilfeller av bruk av noen spesialtegn, inkludert ikke-brytende mellomrom og myk bindestrek

HTML-spesialtegn er spesielle språkkonstruksjoner som refererer til tegn fra tegnsettet som brukes i tekstfiler. Tabellen viser en liste over reserverte tegn og spesialtegn som ikke kan legges til kildekoden til et HTML-dokument ved hjelp av tastaturet:

  • tegn som ikke kan skrives inn med tastaturet (for eksempel et copyright-symbol)
  • tegn beregnet for merking (for eksempel et større enn eller mindre enn-tegn)

Slike tegn legges til ved hjelp av en numerisk kode eller navn.

SymbolNumerisk kodeSymbolnavnBeskrivelse
" " " anførselstegn
" " " apostrof
& & & ampersand
< < mindre enn tegn
> > > mer tegn
ikke-brytende mellomrom (Et ikke-brytende mellomrom er et mellomrom som vises inne i en linje som et vanlig mellomrom, men som ikke tillater visnings- og utskriftsprogrammer å bryte linjen på dette tidspunktet.)
¡ ¡ ¡ omvendt utropstegn
¢ ¢ ¢ cent
£ £ £ lb.
¤ ¤ ¤ valutaer
¥ ¥ ¥ yen
¦ ¦ ¦ ødelagt vertikal stang
§ § § seksjon
¨ ¨ ¨ intervall (kyrillisk)
© opphavsrettsskilt
ª ª ª kvinnelig ordinaleksponent
« « « Franske sitater (sildebein) - venstre
¬ ¬ ¬ negasjonsuttrykk
® ® ® registrert varemerke
¯ ¯ ¯ makronintervall
° ° ° grad
± ± ± pluss eller minus
² ² ² overskrift 2
³ ³ ³ overskrift 3
´ ´ ´ akutt intervall
µ µ µ mikro
avsnitt
· · · midtpunkt
¸ ¸ ¸ cedilla intervall
¹ ¹ ¹ overskrift 1
º º º mannlig ordinaleksponent
» » » Franske sitater (sildebein) - høyre
¼ ¼ ¼ 1/4 del
½ ½ ½ 1/2 del
¾ ¾ ¾ 3/4 deler
¿ ¿ ¿ omvendt spørsmålstegn
× × × multiplikasjon
÷ ÷ ÷ inndeling
́ ́ vektlegging
ΠΠΠkapital ligatur OE
œ œ œ små bokstaver ligatur oe
Š Š Š S med krone
š š š liten S med krone
Ÿ Ÿ Ÿ stor Y med diadem
ƒ ƒ ƒ f med krok
ˆ ˆ ˆ dikritisk aksent
˜ ˜ ˜ liten tilde
- bindestrek
em strek
venstre enkelt sitat
riktig enkelt sitat
nederste enkelt sitat
venstre doble anførselstegn
høyre doble anførselstegn
lavere doble anførselstegn
dolk
dobbel dolk
. kule
horisontal ellipse
ppm (tusendeler)
minutter
sekunder
enkelt venstre hjørne sitat
enkelt sitat i høyre hjørne
overlining
Euro
™ eller varemerke
venstre pil
pil opp
høyre pil
pil ned
dobbel pil
vognreturpil
øvre venstre hjørne
øverste høyre hjørne
nedre venstre hjørne
nederste høyre hjørne
rombe
topper
kryss
ormer
diamanter

Matematiske symboler støttes i HTML

SymbolNumerisk kodeSymbolnavnBeskrivelse
for alle, for alle
Del
finnes
tomt sett
Hamilton-operatør (nabla)
tilhører settet
tilhører ikke settet
eller
arbeid
sum
minus
multiplikasjon eller operator konjugerer til
× × &tider multiplikasjonstegn
Kvadratrot
proporsjonalitet
evighet
mangfold
hjørne
Og
eller
kryss
Union
integrert
Derfor
som
sammenlignbare
omtrent lik
ikke lik
identisk
mindre eller lik


mindre eller lik
mer eller lik


mer eller lik
delmengde
supersett
ikke en delmengde
delmengde
supersett
direkte beløp
tyngre produkt
vinkelrett
punktoperatør

greske og koptiske alfabeter

Symbol Numerisk kode Hex-kode Symbolnavn
Ͱ Ͱ Ͱ
ͱ ͱ ͱ
Ͳ Ͳ Ͳ
ͳ ͳ ͳ
ʹ ʹ ʹ
͵ ͵ ͵
Ͷ Ͷ Ͷ
ͷ ͷ ͷ
ͺ ͺ ͺ
ͻ ͻ ͻ
ͼ ͼ ͼ
ͽ ͽ ͽ
; ; ;
΄ ΄ ΄
΅ ΅ ΅
Ά Ά Ά
· · ·
Έ Έ Έ
Ή Ή Ή
Ί Ί Ί
Ό Ό Ό
Ύ Ύ Ύ
Ώ Ώ Ώ
ΐ ΐ ΐ
Α Α Α Α
Β Β Β Β
Γ Γ Γ Γ
Δ Δ Δ Δ
Ε Ε Ε Ε
Ζ Ζ Ζ Ζ
Η Η Η Η
Θ Θ Θ Θ
Ι Ι Ι Ι
Κ Κ Κ Κ
Λ Λ Λ Λ
Μ Μ Μ Μ
Ν Ν Ν Ν
Ξ Ξ Ξ Ξ
Ο Ο Ο Ο
Π Π Π Π
Ρ Ρ Ρ Ρ
Σ Σ Σ Σ
Τ Τ Τ Τ
Υ Υ Υ Υ
Φ Φ Φ Φ
Χ Χ Χ Χ
Ψ Ψ Ψ Ψ
Ω Ω Ω Ω
Ϊ Ϊ Ϊ
Ϋ Ϋ Ϋ
ά ά ά
έ έ έ
ή ή ή
ί ί ί
ΰ ΰ ΰ
α α α α
β β β β
γ γ γ γ
δ δ δ δ
ε ε ε ε
ζ ζ ζ ζ
η η η η
θ θ θ θ
ι ι ι ι
κ κ κ κ
λ λ λ λ
μ μ μ μ
ν ν ν ν
ξ ξ ξ ξ
ο ο ο ο
π π π π
ρ ρ ρ ρ
ς ς ς ς
σ σ σ σ
τ τ τ τ
υ υ υ υ
φ φ φ φ
χ χ χ χ
ψ ψ ψ ψ
ω ω ω ω
ϊ ϊ ϊ
ϋ ϋ ϋ
ό ό ό
ύ ύ ύ
ώ ώ ώ
Ϗ Ϗ Ϗ
ϐ ϐ ϐ
ϑ ϑ ϑ ϑ
ϒ ϒ ϒ ϒ
ϓ ϓ ϓ
ϔ ϔ ϔ
ϕ ϕ ϕ ϕ
ϖ ϖ ϖ ϖ
ϗ ϗ ϗ
Ϙ Ϙ Ϙ
ϙ ϙ ϙ
Ϛ Ϛ Ϛ
ϛ ϛ ϛ
Ϝ Ϝ Ϝ Ϝ
ϝ ϝ ϝ ϝ
Ϟ Ϟ Ϟ
ϟ ϟ ϟ
Ϡ Ϡ Ϡ
ϡ ϡ ϡ
Ϣ Ϣ Ϣ
ϣ ϣ ϣ
Ϥ Ϥ Ϥ
ϥ ϥ ϥ
Ϧ Ϧ Ϧ
ϧ ϧ ϧ
Ϩ Ϩ Ϩ
ϩ ϩ ϩ
Ϫ Ϫ Ϫ
ϫ ϫ ϫ
Ϭ Ϭ Ϭ
ϭ ϭ ϭ
Ϯ Ϯ Ϯ
ϯ ϯ ϯ
ϰ ϰ ϰ ϰ
ϱ ϱ ϱ ϱ
ϲ ϲ ϲ
ϳ ϳ ϳ
ϴ ϴ ϴ
ϵ ϵ ϵ ϵ
϶ ϶ ϶ ϶
Ϸ Ϸ Ϸ
ϸ ϸ ϸ
Ϲ Ϲ Ϲ
Ϻ Ϻ Ϻ
ϻ ϻ ϻ
ϼ ϼ ϼ
Ͻ Ͻ Ͻ
Ͼ Ͼ Ͼ
Ͽ Ͽ Ͽ

Hvorfor trengs spesialtegn og hvordan du bruker dem

La oss si at du bestemmer deg for å beskrive en tag på siden din, men siden nettleseren bruker tegn< и >som starten og slutten av en tag, kan det føre til problemer å bruke dem i innholdet i html-koden din. Men HTML gir deg en enkel måte å definere disse og andre spesialtegn ved å bruke enkle forkortelser kalt henvisninger til symboler.

La oss se på hvordan dette fungerer. For hvert tegn som anses som spesielt eller som du ønsker å bruke på nettsiden din, men som ikke kan skrives ut i editoren (for eksempel copyright-symbolet), finner du forkortelsen og skriver den ut i html-koden i stedet for ønsket tegn . For eksempel, for symbolet ">" er forkortelsen > , og for symbolet "<" - < .

La oss si at du ønsket å skrive ut "Element veldig viktig" på siden hans. I stedet må du bruke referanser til symbolene du trenger for å vise oppføringen riktig, og til slutt skal oppføringen din i koden se slik ut:

Element veldig viktig

Prøv »

Et annet spesialtegn du trenger å vite om er & (ampersand)-symbolet. Hvis du vil at den skal vises på HTML-siden din, bruk &-koblingen i stedet for &-symbolet.

Spesialtegn er tekniske tegn som ikke er representert på tastaturet og er kodet med UNICODE eller et annet metaspråk. Spesialtegn er delt inn i grupper: matematisk, gresk alfabet, ISO 8859-1 og andre. Hvorfor de trengs og hvordan du bruker dem, les videre i artikkelen.

Bruke spesialtegn når du skriver dokumenter

Bruken er til følgende formål:

  1. Gir artikkelen fullstendighet og estetikk. Spesielle tegn hjelper deg raskt å forstå dimensjonale verdier eller lese et historisk navn på latin eller gresk.
  2. Noen elementer sikrer riktig layout av dokumentet. For eksempel er "" og "" forskjellige, de første overføres med standardmidler, de andre med spesialtegn.
  3. Layout av matematiske dokumenter kan ikke klare seg uten kunnskap om hovedgruppene av elementer.

Grunnleggende tegn

Materialet lar deg finne spesialtegn i riktig koding for rask innsetting i tekst.

Utseende Betegnelse HTML-kode CSS-kode
Snømann \2603
Ortodokse kors \2626
Anker \2693
Telefonskilt \2706
Telefon \260E
Varme drikker \2615
Blyant som peker nedover \270E
Blyant \270F
Blyant som peker oppover til høyre \2710
Blank spiss \2711
Fyllt pennespiss \2712
fleur-de-lis \269C
Hjelm med hvitt kors \26D1
Tegnet hvit stjerne \269D
Snøfnugg \2744
Skyggelagt dristig hjerte \2764
Snøfnugg klemt av shamrocks \2745
Fett skarpvinklet snøfnugg \2746
Skyggelagt stjerne \2605
Blank stjerne \2606
Ufylt stjerne i en fylt sirkel \272A
Fylt stjerne med en åpen sirkel inni \272B
Roterende stjerne \272F
Stjerne med sfæriske ender \2749
Fet åttespiss dråpeformet stjernepropell \274B
Stjerne med blank senter \2732
Malt sol med stråler \2600
Skyer \2601
Paraply \2602
Kryss av i en firkant \2611
Kryss i en firkant \2612
Rynende uttrykksikon \2639
Smilende uttrykksikon \263A
Skyggelagt smilende uttrykksikon \263B
Hammer og sigd \262D
Fylt flagg \2691
Blankt flagg \2690
Trigram \2630
Malt blomst \273f
Blank blomst \2740
Blomst med seks kronblad \273E
Farget omrisset blomst \2741
Blomst laget av prikker \2742
Konvolutt \2709
Hjerte i form av en blomst \2766
Nummer 1 \2776
Nummer 2 \2777
Nummer 3 \2778
Nummer 4 \2779
Nummer 5 \277A
Nummer 6 \277B
Nummer 7 \277C
Nummer 8 \277D
Nummer 9 \2792
Nummer 10 \2793
Fet multiplikasjonstegn \2716
Fet kors \2718
Fet hake \2714
Fett kors \271A
Atom symbol \269B
Gjenvinningssymbol \267A
Ufylt firkant med skygge nederst til høyre \2751
Ufylt firkant med skygge øverst til høyre \2752
Diamant i ramme \25C8
Sirkel med venstre halvdel fylt ut \25D0
Sirkel med høyre halvdel fylt ut \25D1
Tre stjerner \2042

Tegnsettingstegn

Utseende Betegnelse HTML-kode CSS-kode
< Mindre enn-tegn (begynnelsen av taggen) < \003C
> Større enn-tegn (slutten av taggen) > \003E
« Venstre dobbel vinkelbrakett « \00AB
» Høyre dobbel vinkelbrakett » \00BB
Venstre hjørne enkelt sitat \2039
Enkelt sitat i høyre hjørne \203A
« Dobbelt sitat " \0022
Enkeltslag \2032
Dobbelt slag \2033
Venstre enkelt sitat \2018
Rett enkelt sitat \2019
Enkelt sitat nederst \201A
Venstre dobbelt anførselstegn \201C
Rett dobbelt anførselstegn \201D
Nederste doble anførselstegn \201E
Fet enkelt ledende komma \275C
Fet, enkelt rotert toppkomma \275B
& Ampersand & \0026
Apostrof (enkelt sitat) " \0027
§ Avsnitt § \00A7
© Opphavsrettsskilt \00A9
¬ Negasjonstegn ¬ \00AC
® Registrert varemerke ® \00AE
¯ Macron ¯ \00AF
° Grad ° \00B0
± Pluss eller minus ± \00B1
¹ Hevet skrift "1" ¹ \00B9
² Hevet skrift "2" ² \00B2
³ Hevet skrift "3" ³ \00B3
¼ Et kvarter ¼ \00BC
½ En halv ½ \00BD
¾ Tre fjerdedeler ¾ \00BE
´ Aksentmerke ´ \00B4
µ Mikro µ \00B5
Avsnittsmerke \00B6
· Multiplikasjonstegn · \00B7
¿ Omvendt spørsmålstegn ¿ \00BF
ƒ Florin-tegn ƒ \0192
Varemerkeskilt \2122
Listemarkør . \2022
Ellipsis \2026
Overlining \203E
Em dash - \2013
- Em dash \2014
ppm \2030
} Høyre krøllete tannregulering } \007D
{ Venstre krøllete tannregulering { \007B
= Likhetstegn = \003D
Ulikhet tegn \2260
Kongruens (geometrisk likhet) \2245
Nesten like \2248
Mindre enn eller lik \2264
Større enn eller lik \2265
Hjørne \2220
Vinkelrett (opp-knapp) \22A5
Kvadratrot \221A
N-ær summering \2211
Integral \222B
Fotnoteskilt \203B
÷ Divisjonsskilt ÷ \00F7
Uendelighetstegn \221E
@ Hundesymbol @ \0040
[ Venstre firkantet parentes [ \005B
] Høyre firkantbrakett ] \005D

Piler

Utseende Betegnelse HTML-kode CSS-kode
Venstre pil \2190
Pil opp \2191
Høyre pil \2192
Pil ned \2193
Venstre-høyre pil \2194
Pil ned og venstre – vognretur-skilt \21B5
Dobbel venstre pil \21D0
Dobbel pil opp \21D1
Dobbel pil til høyre \21D2
Dobbel pil ned \21D3
Dobbel venstre-høyre pil \21D4
Flyvende pil \27A0
Pilspiss \27A4
Buet pil som peker ned og til høyre \27A5
Buet pil som peker opp og til høyre \27A6
Pil til høyre \27B3
\21BA
Rund pil med spiss mot klokken \21BB
Tykk, hul pil \21E7
Venstre pil med krok \21A9
Nedoverskrående pil \27AB
Utfylt pil ned \2B07
Fylt opp pil \2B06

Kortdresser, stjernetegn og valutaikoner

Utseende Betegnelse HTML-kode CSS-kode
"Spad" \2660
"Klubber" \2663
"hjerter" \2665
"Diamanter" \2666
Kontur "hjerter" \2661
Kontur "Tamburiner" \2662
Peaks Contour \2664
Oversikt over "klubber" \2667
¢ Cent ¢ \FFE0
£ GBP £ \FFE1
russisk rubel \20BD
¥ Yen eller Yuan ¥ \00A5
Euro \20AC
$ Dollar $ \0024
Hryvnia-tegn \20B4
Indisk Rupee \20B9
CNY \5713
Kasakhstansk tenge \20B8
Væren \2648
Tyren \2649
tvillinger \264A
Kreft \264B
en løve \264C
Jomfruen \264D
Vekter \264E
Skorpion \264F
Skytten \2650
Steinbukken \2651
Vannmannen \2652
Fisk \2653

gresk alfabet

Brev små bokstaver store bokstaver
symbol html-kode symbol html-kode
alfa α α Α Α
beta β β Β Β
gamma γ γ Γ Γ
delta δ δ Δ Δ
epsilon ε ε Ε Ε
zeta ζ ζ Ζ Ζ
dette η η Η Η
theta θ θ Θ Θ
jota ι ι Ι Ι
kappa κ κ Κ Κ
lambda λ λ Λ Λ
mu μ μ Μ Μ
naken ν ν Ν Ν
xi ξ ξ Ξ Ξ
omicron ο ο Ο Ο
pi π π Π Π
ro ρ ρ Ρ Ρ
sigma σ σ Σ Σ
siste sigma ς ς
tau τ τ Τ Τ
upsilon υ υ Υ Υ
fi φ φ Φ Φ
hee χ χ Χ Χ
psi ψ ψ Ψ Ψ
omega ω ω Ω Ω

Hvordan bruke det i praksis


Uavhengig av CMS, legges til en artikkel ved hjelp av en visuell editor og en HTML-versjon. Alle spesialtegn i kodingen kan bare settes inn i det andre tilfellet. For å bruke verktøyene riktig, anbefales det å legge merke til tabellene som viser koden og ekstern representasjon.

Vær oppmerksom på at hvis du setter inn et tegn i den visuelle representasjonen av en artikkel, vil elementet bli konvertert til den tilsvarende koden i HTML. Når du legger inn informasjon manuelt, vurder saken, som påvirker det endelige resultatet.

Maskinskrevet tekst består av trykte tegn - grafiske symboler.
Grafiske symboler er symboler som har en synlig visning i teksten.
Alle grafiske symboler er samlet i et sett med et enkelt universelt Unicode-system.
Sett inn et Unicode-grafisk symbol i et html-dokument
- det viktigste og eneste formålet med denne tabellen.

Du kan sette inn et symbol i et HTML-dokument på en av følgende måter:

  1. kopier symbolbildet fra nettleservinduet til vinduet i din visuelle html-editor
  2. kopier html-koden til symbolet direkte inn i koden til html-dokumentet
Vennligst forstå at dette er to forskjellige metoder:
  1. sette inn visuelle inn i visuelle
  2. sette inn kode i kode.

Skriften for et symbol, dets størrelse og farge i HTML kan settes med kode som:
CHARACTER_CODE
Hvor,
Arial - font,
10px - skriftstørrelse i piksler,
#ff0000 - skriftfargekode (rød)

For eksempel:
☎ - tegn skriftstørrelse 30px,
☎ - symbolskriftstørrelse 30px, farge - rød
☎ - tegn skriftstørrelse 20px,
☎ - symbolskriftstørrelse 10px.
Merk Anbefalte skrifter for å sette inn spesialtegn er Arial, Verdana og Tahoma. Disse skriftene viser Unicode-tegn på riktig måte og støttes i seg selv av webapplikasjoner.

  1. "Symbol"
    (synlig symbolvisning)
    Fra denne kolonnen kan du kopiere symbolbildet og lime det inn i HTML-tekstredigeringsvinduet. Symbolet vil bli kopiert med en skriftstørrelse på 20px. Etter at kopieringen er fullført, kan det være nødvendig å individuelt justere skriftstørrelsen direkte til det kopierte tegnet.
  2. "Navn"
    (bare for viktige eller uklare tegn)
    Forklaring av formålet med symbolet, dets omfang, eksempler...
  3. "Mnemonikk"
    En mnemonics er en alfabetisk konstruksjon av formen ", som angir den alfabetiske koden til et tegn i HTML. Den settes inn direkte i html-koden til et html-dokument. Mnemonics er veldig populær blant profesjonelle layoutdesignere. De er perfekt lagret av mennesker og støttes av alle html-applikasjoner. Hver mnemonics inneholder et alfabetisk navn (betegnelse ) på symbolet og et tjenestetegn (&), som fungerer som et signal for nettleseren om å lese koden og vises ikke på skjermen. Navnet av hver mnemonic er unik og lett å lese, fordi den er avledet fra det engelske ordet som karakteriserer symbolet.

    Mnemonics (gresk) - kunsten å huske noe. Mnemonikk brukes for å lette oppfatningen av informasjon som er vanskelig å huske når gjenstanden for memorering bringes inn i en assosiativ tilstand med noe.

  4. "Kode"
    Kode - den numeriske desimalkoden til et tegn i HTML, som &. Settes direkte inn i html-koden til et html-dokument. Desimalkoden består av et tall som indikerer serienummeret til tegnet i Unicode-systemet og flere tjenestetegn (& og #), som fungerer som et signal for nettleseren om å lese koden og ikke vises på skjermen. Desimalkoden er mye brukt og brukt på grunn av dens allsidighet og enkle oppfatning.

Kontrolltegn i HTML (XHTML)

Kontrolltegn i HTML (XHTML) er tjenestetegn for HTML-språket som brukes i HTML-oppsettet til en nettside. Enhver nettleser må støtte disse tegnene, siden uten dem er det umulig å vise HTML-tekst riktig. Kontrolltegn vises ikke i teksten, og når de skrives inn direkte fra tastaturet, tolkes de av nettleseren som tegnsettingstegn som krever en handling som skal utføres når siden tegnes på skjermen.

Det er tillatt å bruke kontrolltegn i vanlige tekster, der de symboliserer universelle begreper og tolkes av nettleseren som vanlige typografiske tegn. Når du bruker tjenestesymboler i HTML-tekster på denne måten, må du ikke angi verdien av selve symbolet, men HTML-koden. Fordi, jeg gjentar, ellers vil nettleseren oppfatte tjenestesymbolet som en oppfordring til handling og vil ikke vise HTML-teksten riktig på skjermen.

Kontrollsymboler og deres HTML-kode er kjent og forstått av alle nettlesere uten unntak, noe som dessverre ikke kan sies om andre symboler som kan vises feil i forskjellige nettlesere eller, enda verre, ikke vises i det hele tatt.

Syntaks og tegnsetting

rom med lengde N (vanlig mellomrom)
rom med lengde M (longspace)
- myk bindestrek (tegn som ikke kan skrives ut) - ­
bindestrek –
- strek med lengde N (vanlig strek) -
strek av lengde M (em bindestrek)
. punktum .
, komma ,
ellipsis …
: kolon :
; semikolon ;
! utropstegn !
ǃ
? spørsmålstegn ?
@ "hund" @
* "stjerne" *
# "gitter" #
enkelt sitat øverst til venstre ‘
enkelt sitat øverst til høyre ’
enkelt sitat nede til høyre ‚
dobbelt sitat øverst til venstre “
dobbelt oppe til høyre sitat ”
dobbelt sitat nederst til høyre &bdquo „
« doble venstre hjørne anførselstegn (Rus) « «
» dobbelt høyre hjørne anførselstegn (Rus) » »
́ aksenttegn, eksempel: Vasya ́
" apostrof, eksempel: Du"I "
´ akutt, eksempel: Vasya ´ ´
avsnitt (uskrivbart tegn)
§ avsnitt § §
ˆ aksent (omvendt fugl) ˆ ˆ
ˆ
˜ liten tilde ˜ ˜
˜
¦ vertikal stiplet linje ¦ ¦
( venstre parentes (
) høyre parentes )
venstre vinkelbrakett
rettvinklet brakett
venstre vinkelbrakett, alternativ
rettvinklet brakett, alternativ
[ firkantet parentes venstre [
] firkantet parentes høyre ]
/ skråstrek - skråstrekkarakter /
\ skråstrek \
skråstrek (divisjonstegn)
ǀ vertikal stang ǀ
ǁ dobbel vertikal stang ǁ
overlining, eksempel: Vasya‾vasya
¯ makron, eksempel: Vasya¯vasya ¯ ¯

Varemerker og valuta

+ Plus + +
minus -
= er lik =
± pluss eller minus ± ±
× multiplikasjonstegn × ×
÷ divisjonstegn ÷ ÷
punktoperator (midt på linjen) ·
stjerneoperatør (midt på linjen)
tilde operatør
. listemarkør (midt på linjen) . •
¹ hevet skrift "1" ¹ ¹
² hevet skrift "2" ² ²
³ hevet skrift "3" ³ ³
Superscript og subscript i HTML (XHTML)
kan settes inn ved hjelp av tagger Og , henholdsvis:
ANTALL Overskrift→ NUMBER Hevet
ANTALL Subscript→ NUMBER Subscript
½ brøk "en halv" ½ ½
brøkdel "en tredjedel"
¼ brøk "en fjerdedel" ¼ ¼
¾ brøk "tre fjerdedeler" ¾ ¾
nummertegn
% prosent %
ppm ‰
° grader ° °
prime (minutter, fot)
dobbel prime (sekunder, tommer)
Eksempel 1: 30° 25′ 12″
Eksempel 2: 25′ 12
µ mikro µ µ
π Pi π π
ƒ funksjonstegn
(ikke å forveksle med "integral")
ƒ ƒ
ƒ
integrert
krysset null, tomt sett
(ikke å forveksle med "diameter")
diameter (ikke å forveksle med den utstrekede latinske "o")
ø Latinsk "o" diagonalt krysset ut ø ø
Ø Latinsk stor «O» diagonalt krysset ut Ø Ø
arbeidsmerke
summeringstegn
radikal
(kvadratrot eller x-rot)
proporsjonalt
evighet
hjørne
ortogonal (vinkelrett)
signer "derfor"
omtrent lik
nesten lik
ikke lik
identisk
mindre eller lik
mer eller lik
logisk OG
logisk ELLER
plusstegn i en sirkel
(direkte beløp)
multiplikasjonstegn i en sirkel
(kryssprodukt, pil fra observatør)
ʘ prikk i en sirkel
(pil til observatør)
ʘ

✵ ✵

Hei, kjære lesere av bloggsiden! De som i det minste overfladisk har satt seg inn i det har nok allerede tatt det til etterretning, om enn i generelle vendinger. Dette betyr at de har en ide om hvilke HTML-symboler som vanligvis brukes i dokumentkoden.

I dagens artikkel vil vi prøve å finne ut hva et mellomrom er i HTML og i hvilke tilfeller du kan bruke mellomrom når du formaterer selve koden for enkel lesing. Vi vil finne ut når det er nødvendig å bruke en ikke-brytende plass, og også bli kjent med andre spesialkarakterer (eller, som de også kalles, mnemonics).

Faktisk vil jeg råde deg til ikke å ignorere emnet for bruk av forskjellige spesialtegn, siden dette er en viktig komponent som lar deg fullføre studiet av hypertekst-markeringsspråk. Generelt vil informasjonen i denne publikasjonen definitivt ikke være overflødig. Vel, nå til poenget.

Mellomrom og mellomrom i HTML

Først er det et viktig notat å gjøre. Det er spesielle taster på et datatastatur som lar deg skille tekst (mer om dette nedenfor). Imidlertid gir bare et bredt mellomromsfelt separasjon mellom ord, ikke bare i editoren, men også i nettleservinduet. Det er nyanser når du bryter linjer og rykker inn fra kanter.

Som du vet, er visningen av visse elementer i en nettleser bestemt av tagger. For å formatere teksten brukes det velkjente , som er blokkbasert. Det vil si at innholdet er plassert over hele den tilgjengelige bredden.

Til bryte linjer innenfor avsnitt P, må du bruke en enkelt BR-tag, som du kan gjøre dette med. La oss si at vi trenger å sette inn i teksten noen linjer fra et dikt som vi skriver i et tekstredigeringsprogram:

Til tross for at linjene i verset er plassert riktig og bindestreker er laget på de riktige stedene, vil alt se annerledes ut i nettleseren:


For å oppnå samme visning i et nettleservindu, må du skrive BR ved hvert linjeskift:

Nå har vi oppnådd oppgaven og de poetiske linjene vil vises helt korrekt i nettleseren:

Dermed er nødvendige linjeskift gjennomført. En annen funksjon som må bemerkes her er at flere mellomrom som kommer etter hverandre, vises av nettleseren som ett. Du kan bekrefte dette hvis du i samme editor prøver å sette ikke ett, men flere mellomrom mellom to ord, og ved å klikke på "Lagre"-knappen ser du på resultatet i nettleseren.

Mellomrom, tabulator og linjeskift

I utgangspunktet med disse mellomromstegn Vi blir kjent med hverandre så snart vi begynner å jobbe med teksten i editoren og formaterer den i ønsket form. For å implementere en slik oppgave er det spesielle nøkler, som hver tilsvarer sitt eget mellomromskarakter:

  • Mellomrom er den bredeste tasten på et datamaskintastatur (uten etikett);
  • Tab - en tast til venstre med inskripsjonen "Tab" og to piler som peker i forskjellige retninger;
  • Linjeskift - "Enter"-tast.

Men som jeg sa ovenfor, får vi det endelige ønskede resultatet ikke bare i en tekstredigerer, men også i en nettleser, bare når vi bruker den første nøkkelen. Alle tre tastene (inkludert tabulator og linjeskift er nyttige når du formaterer HTML-kode. La oss si at dette er hvordan et kodefragment ser ut i NotePad++ (det er mye informasjon om denne editoren) når du viser alle mellomromstegn:


Vi får kode som er lett å lese og forstå takket være mellomrom. Oransje piler indikerer innrykk opprettet med Tab-tasten, og CR- og LF-symboler indikerer linjeskift opprettet med Enter-tasten.

Beholdere som er nestet i hverandre, vises, og åpnings- og lukkingsetiketter er godt synlige. I dette skjemaet kan denne koden enkelt redigeres. Sammenlign det nå med den samme koden, som ikke har en slik tekstdeling:

På samme måte, ved å bruke mellomromstegn, kan du skrive CSS-regler som visuelt ser klare og fordøyelige ut:


Etter at du har ført alle stilene til en fellesnevner og er ferdig med å redigere stilfilen, kan du utføre redigeringen ved å fjerne alle mellomrom fra koden. Dette er nødvendig for å øke, noe som er veldig viktig når du skal promotere en ressurs.

Spesialtegn (eller mnemonics) i HTML-kode

La oss nå se på tilfellene der det er nødvendig å bruke spesialtegnene som jeg nevnte i begynnelsen av artikkelen. HTML-spesialtegn, noen ganger kalt mnemonics, ble introdusert for å løse et langvarig problem med kodinger som oppsto i hypertekst-markeringsspråk.

Når du skriver inn tekst på tastaturet, blir tegnene i språket du bruker kodet. I nettleseren vil den innskrevne teksten vises med skriftene du valgte som et resultat av den omvendte dekodingsoperasjonen.

Faktum er at det er mange slike kodinger; nå har vi ikke noe mål om å analysere dem i detalj. Det er bare at hver av dem kan mangle visse symboler, som imidlertid må vises. La oss si at du føler trang til å skrive enkle anførselstegn eller et aksenttegn, men disse ikonene er rett og slett ikke inkludert i settet.

For å eliminere dette problemet ble et system med spesielle symboler introdusert, som inkluderer et stort antall forskjellige mnemonikk. De starter alle med et og-tegn "&" og slutter vanligvis med semikolon ";". Til å begynne med hadde hvert spesialtegn sin egen digitale kode. For eksempel, for et ikke-brytende mellomrom, som vi vil vurdere mer detaljert nedenfor, vil følgende oppføring være gyldig:

Men etter en tid ble de vanligste symbolene tildelt bokstavanaloger (mnemonics) for å gjøre dem lettere å huske. La oss si at for det samme ikke-brytende rommet ser det slik ut:

Som et resultat viser nettleseren det tilsvarende symbolet. Listen over mnemonikk er veldig omfangsrik, mest brukte spesialtegn i HTML du kan finne følgende tabell nedenfor:

symbol kode mnemonikk beskrivelse
ikke-brytende plass
smal plass (en-bredde som bokstav n)
bred plass (em-bredde som bokstav m)
- en dash (en-dash)
- em dash (em dash)
­ - ­ myk overføring
EN ́ stress er plassert etter "stress"-bokstaven
© © opphavsrett
® ® ® registrert varemerke
varemerke tegn
º º º Mars spyd
ª ª ª Venus speil
ppm
π π π pi (bruk Times New Roman)
¦ ¦ ¦ vertikal stiplet linje
§ § § avsnitt
° ° ° grad
µ µ µ mikrotegn
avsnittsmerke
ellipsis
overlining
´ ´ ´ aksenttegn
nummertegn
🔍 🔍 Forstørrelsesglass (vippet til venstre)
🔎 🔎 Forstørrelsesglass (vippet til høyre)
tegn på aritmetiske og matematiske operasjoner
× × × multiplisere
÷ ÷ ÷ dele opp
< < mindre
> > > mer
± ± ± pluss minus
¹ ¹ ¹ grad 1
² ² ² grad 2
³ ³ ³ grad 3
¬ ¬ ¬ negasjon
¼ ¼ ¼ et kvarter
½ ½ ½ en halv
¾ ¾ ¾ tre fjerdedeler
desimal tegn
minus
mindre eller lik
mer eller lik
omtrent (nesten) lik
ikke lik
identisk
kvadratrot (radikal)
evighet
summeringstegn
arbeidsmerke
delvis differensial
integrert
for alle (bare synlig hvis i fet skrift)
finnes
tomt sett
Ø Ø Ø diameter
tilhører
hører ikke til
inneholder
er en delmengde
er et supersett
er ikke en delmengde
er en delmengde eller lik
er et supersett eller lik
pluss i en sirkel
multiplikasjonstegn i en sirkel
vinkelrett
hjørne
logisk OG
logisk ELLER
kryss
Union
valuta tegn
Euro
¢ ¢ ¢ Cent
£ £ £ Lb
¤ ¤t; ¤ Valuta tegn
¥ ¥ ¥ Yen og Yuan tegner
ƒ ƒ ƒ Florin-tegn
markører
. enkel markør
sirkel
· · · midtpunkt
kryss
dobbelt kryss
topper
klubber
hjerter
diamanter
rombe
blyant
blyant
blyant
hånd
sitater
" " " dobbelt anførselstegn
& & & ampersand
« « « venstre typografiske anførselstegn (fiskebein-anførselstegn)
» » » høyre typografiske anførselstegn (fiskebein-anførselstegn)
enkelt hjørne sitat åpning
enkelt hjørne sitat lukking
prime (minutter, fot)
dobbel prime (sekunder, tommer)
enkelt sitat øverst til venstre
enkelt sitat øverst til høyre
enkelt sitat nederst til høyre
sitat-fot venstre
sitat fot øverst til høyre
sitat fot nede til høyre
enkelt engelsk anførselstegn
enkelt engelsk sluttanførselstegn
åpning av doble anførselstegn
avsluttende doble anførselstegn
piler
venstre pil
pil opp
høyre pil
pil ned
venstre og høyre pil
opp og ned pil
vognretur
dobbel venstre pil
dobbel pil opp
dobbel høyre pil
dobbel pil ned
dobbel pil venstre og høyre
dobbel pil opp og ned
trekant pil opp
trekant pil ned
trekant høyre pil
trekant venstre pil
stjerner, snøfnugg
Snømann
Snøfnugg
Snøfnugg klemt av shamrocks
Fett skarpvinklet snøfnugg
Skyggelagt stjerne
Blank stjerne
Ufylt stjerne i en fylt sirkel
Fylt stjerne med en åpen sirkel inni
Roterende stjerne
Tegnet hvit stjerne
Midt åpen sirkel
Midtfylt sirkel
Sextil (snøfnuggtype)
Åttespisset roterende stjerne
Stjerne med sfæriske ender
Fet åttespiss dråpeformet stjernepropell
Sekstenspiss stjerne
Tolvspiss stjerne
Fet åttespiss rett fylt stjerne
Sekstakket fylt stjerne
Åttespisset rett fylt stjerne
Åttespisset stjerne
Åttespisset stjerne
Stjerne med blank senter
Fett stjerne
Spiss firespiss åpen stjerne
Spiss firespisset fylt stjerne
Stjerne i en sirkel
Snøfnugg i en sirkel
klokketid
Se
Se
Timeglass
Timeglass

Tilfeller av bruk av noen spesialtegn, inkludert ikke-brytende mellomrom og myk bindestrek

Hvis du allerede har studert tabellen litt, har du fått bekreftelse på det jeg sa ovenfor, at for å vise alle spesialtegn, brukes en digital kode () eller dens alfabetiske analog (symbolsk mnemonikk), hvor i stedet for et sett med hash merker og tall, bokstaver () skrives.

La oss nå se når vi skal bruke disse kodene. La oss si at du i en artikkel må angi en HTML-tag for informasjonsformål, for eksempel

. Hvis du skriver inn vinkelparenteser fra tastaturet (og det er et slikt alternativ), vil nettleseren oppfatte en slik konstruksjon som en åpningskode, og ikke som et enkelt fragment av tekst.

Derfor, fra den samme HTML-tabellen med spesialtegn, tar vi de tilsvarende kodene, og hele oppføringen vil se slik ut:

I tillegg, for å vise i nettleseren ikke selve og-tegnet, men betegnelsen i form

, må du legge til koden fra tabellen:

bunntekst

Deretter vil nettleseren vise nøyaktig registreringen av mnemonics som må brukes for å vise FOOTER-taggen. Det er litt forvirrende, men på denne siden kan du øve på dette aspektet ved å skrive inn mnemonics for de tilsvarende tegnene i "HTML"-feltet og bruke "Kjør"-knappen, og i "Resultat"-området for å få resultatet av visningen deres i nettleser:


Vær oppmerksom på at jeg sørget for at teksten ble pakket med den allerede nevnte BR-taggen, slik at selve tegnene ikke ble vist på én linje, men i en kolonne for enkelhets skyld.

Gå videre. Noen ganger dukker det opp kombinasjoner i teksten som det er uønsket å skille i ulike linjer. La oss si "1000 rubler." Det ville være logisk å enten la det stå på den øverste linjen, eller hvis det ikke er nok plass, flytte hele strukturen til en linje under.

Dette gjelder spesielt hvis brukere bruker enheter med forskjellige skjermbredder, inkludert mobile enheter. I dette tilfellet formaterer nettleseren teksten og tilpasser seg nye forhold. Og hvis teksten ser riktig ut ved standard skjermstørrelser, kan alt endres hvis de endres.

For disse tilfellene er det gitt HTML knusende mellomrom, som jeg allerede har nevnt. La meg minne deg på at i dette tilfellet er mellomromskoden som følger:

Og det må settes inn mellom to sett med tegn som må kobles sammen:

1000 gni.

Nå vil nettleseren under ingen omstendigheter skille dem, selv om tekstformatering er nødvendig for å vise den riktig.

Det er også en situasjon når et veldig langt ord ikke passer inn i det ledige rommet, og du må flytte en del av det. Hvordan kan jeg forhåndsdefinere en ny linje i dette tilfellet om nødvendig? For dette er det spesiell myk bindestrek-, som må plasseres på stedet der ordet må brytes:

Langt langt langt langt langt ord

Hvis det oppstår en situasjon når et ord må bindes, dannes det et mellomrom ved plasseringen av den myke bindestrek-mnemonikken, hvor en bindestrek (bindestrek) vises, og resten av ordet vises på neste linje under.

Men igjen, det vil være nyttig å se hele denne greia, inkludert eksempler på kontinuerlig og myk overføring, i praksis:


I vinduet til denne editoren kan du endre størrelsen på "Resultat"-visningsfeltet ved å ta tak i kanten av dette området med venstre museknapp og, uten å slippe den, dra det til venstre for å redusere bredden. Da oppstår en reell situasjon når nettleseren begynner å formatere innholdet på nytt for å vise det riktig.

Og overføringen er utført, noe som ble gitt i eksemplene jeg beskrev. Du kan imidlertid selv flytte visningsvinduet, utvide og begrense det, og visuelt verifisere dette.