Softonic

HTML-teckenreferens

Steg 1 / 3
Common 16 Tecken Arrows 7 Tecken Math 12 Tecken Punctuation 11 Tecken
Kopierat!

Att skriva © och undra om det verkligen renderar tecknet ©, eller att leta efter entiteten för ett tankstreck, ett icke-brytande mellanslag eller en grekisk bokstav, kostar minuter varje gång. Den här sökbara referensen innehåller de mest användbara namngivna och numeriska HTML-entiteterna, från skiljetecken och valutasymboler till matematiska tecken och pilar, med direkt sökning och kopiering med ett tryck.

Hur du hittar en HTML-entitet

  1. 1

    Sök efter namn eller tecken

    Skriv `copy`, `©`, `8212` eller `em dash` – alla matchar samma entitet.

  2. 2

    Välj från tabellen

    Varje rad visar tecknet, dess namngivna form och dess numeriska kod.

  3. 3

    Kopiera med ett tryck

    Tryck för att kopiera tecknet, den namngivna entiteten eller den numeriska entiteten.

  4. 4

    Filtrera efter kategori

    Begränsa efter vanliga symboler, pilar, matematiska tecken eller skiljetecken.

Tre sätt att skriva samma tecken

HTML låter dig skriva ett specialtecken på tre olika sätt. Välj det som läses bäst och som garanterat renderas.

De tre formerna

Tecken Namngiven entitet Decimaltal Hexadecimaltal
© © © ©
® ® ® ®
™ ™ ™ ™
€ € € €
- — — —
– – – –
… … … …
       
< &lt; &#60; &#x3C;
> &gt; &#62; &#x3E;
& &amp; &#38; &#x26;
“ &quot; &#34; &#x22;

När du ska använda varje form

  • Namngivna entiteter är lätta att läsa i källkoden (&mdash; är uppenbart ett tankstreck), men det finns bara omkring 250 namngivna entiteter – allt mer ovanligt kräver numerisk form.
  • Decimaltal fungerar för alla Unicode-kodpunkter; använd det när du känner till decimalvärdet (ofta från ett referenskort).
  • Hexadecimaltal motsvarar den notation som Unicode självt använder (U+2014). Konvertera U+NNNN genom att sätta prefixet &#x framför.

Tecken som måste escapas

Dessa fem tecken förstör HTML om de lämnas råa i innehållet:

  • <, escapa som &lt; eller lägg det som teckendata inuti <pre>.
  • >, escapa som &gt; (krävs bara inuti attribut).
  • &, escapa som &amp; i alla sammanhang.
  • ", escapa som &quot; inuti attributvärden.
  • ', escapa som &#39; eller &apos; inuti attribut med enkla citattecken.

Allt annat är valfritt i HTML5 med UTF-8 – det råa Unicode-tecknet är tillåtet.

Vanliga frågor

Ja, eftersom tecknet är osynligt i källkoden. &nbsp; är självdokumenterande – en annan utvecklare som läser din kod ser genast att du vill förhindra en radbrytning just där.

Nej – &apos; definieras i XML och HTML5 men inte i HTML4. Använd &#39; om du behöver apostrofen i ett dokument som strikt följer HTML4-standarden, även om alla moderna webbläsare visar båda versioner korrekt.

U+0020 är ett vanligt mellanslag som webbläsare kan bryta raden vid. U+00A0 (icke-brytande mellanslag, &nbsp;) förhindrar radbrytning och slås inte samman med intilliggande blanksteg. Använd det för “10 km” så att värdet och enheten hålls ihop.

Emoji har Unicode-kodpunkter och kan skrivas som numeriska entiteter (&#128512; = 😀), men i moderna HTML-filer i UTF-8 klistrar du bara in emojin direkt. Entitetsformen är bara användbar för e-post eller system med begränsad teckenkodning.

Relaterade verktyg

ASCII-tabellreferens

Full ASCII-tabell från 0 till 127 med decimal-, hex-, oktal- och binärvärden samt notation för numeriska HTML-referenser, inklusive NUL, LF och DEL.

Referens för kortkommandon

Sök dokumenterade standardkommandon för VS Code, Chrome och Bash med GNU Readline i macOS, Windows och Linux.

Färgpalettgenerator

Skapa monokromatiska, analoga, komplementära, triadiska eller tetradiska färgpaletter från en HEX-basfärg och exportera kopieringsklara CSS-variabler.

Slumpgenerator för bokstäver

Generera slumpade A-Z-bokstäver. Välj antal, versaler, gemener eller blandat läge och använd resultatet för spel, uppgifter eller klassrumsaktiviteter.

HTML-formaterare

Formatera HTML lokalt i webbläsaren med indrag på två eller fyra blanksteg. HTML laddas inte upp eller valideras.

Slumpmässig färggenerator

Generera 1 till 50 slumpmässiga HEX-färger med färgrutor som du kan förhandsvisa, kopiera och använda i CSS, tester eller palettskissning.

Verktyget finns på andra språk