Vertical Line HTML entity |

| is the HTML entity for Vertical Line | (U+007C). Copy the decimal | and hex | codes plus CSS, JavaScript, Python and URL escapes.

Entity: |
Also written: | &VerticalLine;
Code point: U+007C
Unicode name: VERTICAL LINE
Block: Basic Latin
Category: Math symbol (Sm)
Since: Unicode 1.1
Defined in: HTML5

Codes to copy

HTML named	`\|`Works in HTML; in XML only & < > " ' are predefined.
HTML decimal	`\|`Works in HTML and XML.
HTML hex	`\|`Works in HTML and XML.
CSS	`content: "\7C";`In a stylesheet, for ::before and ::after.
JavaScript	`"\u007C"`Also valid in JSON.
Python	`"\u007c"`Python 3 string literal.
Python by name	`"\N{VERTICAL LINE}"`Readable alternative using the Unicode name.
URL	`%7C`Percent-encoded UTF-8 bytes, for a path or query value.
UTF-8 bytes	`7C`1 byte.
UTF-16	`007C`1 code unit, which is what JavaScript length counts.

When to use it

| writes U+007C (Vertical Line), a maths symbol from the Unicode Basic Latin block, encoded since Unicode 1.1. Characters from the keyboard only need an entity where they would otherwise be read as markup.

The name comes from the HTML5 list (much of it shared with MathML), so it works in every current browser but not in XML or XHTML served as XML, where the numeric reference is the safe choice.

More html syntax and ascii punctuation

All html syntax and ascii punctuation · Every HTML entity · Encode or decode text

Source: the WHATWG HTML Standard list of named character references and the Unicode Character Database (Unicode 18.0).