An official website of the United States government
Tables
View the BLS Table Layouts (Tables in Basic Layout)
Important Stylesheets Default styled elements - Announcements
Default styled elements - Page elements 508-compliant Heading Generic Heading Generic Heading Link
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Paragraph tag. Donec eros ligula, tincidunt et, rhoncus id, malesuada nec, Link example libero.
Paragraph with class="alignCenter".
Paragraph with class="alignRight".
Blockquote Link Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec eros ligula, tincidunt et, rhoncus id, malesuada nec, libero. Phasellus non.
UPDATED
REVISED
IMPORTANT
NEW
OTHER
NOTICE
EMERGENCY
WARNING
ERROR
HIGHLIGHT
.SVG ICONS
We've integrated the icons from uswds into the bls. You can see some docs here: https://designsystem.digital.gov/components/icon/
Instructions to use:
- Click on the icon you need in above link, you will see the text "Copied to clipboard!" .
- Paste it to your page and change the direction from
<svg class="usa-icon" aria-hidden="true" focusable="false" role="img">
<use xlink:href="/assets/img/sprite.svg#comment"></use></svg>
to
<svg class="usa-icon" aria-hidden="true" focusable="false" role="img">
<use xlink:href="/assets/uswds/sprite.svg#comment"></use></svg>
- Need to turn the icon's color to white? add class "white" to class="usa-icon". like this: class="usa-icon white".
Followings are some examples:
Comment
test 1 test 2
test@bls.com
222-333-5555
NC-04/04/2024 Total nonfarm payroll employment increased by 199,000 in November, and the unemployment rate edged down to 3.7 percent. Job gains occurred in health care and government.Employment also increased in manufacturing, reflecting the return of workers from a strike. Employment in retail...
Back to Topnext
search
Tooltip / Tool Tip
Paragraph Text. Link Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec eros ligula, tincidunt et, rhoncus id, malesuada nec, libero. Phasellus non. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec eros ligula, tincidunt et, rhoncus id, malesuada nec, libero. Phasellus non.
Paragraph Text Center Align "alignCenter". Link Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec eros ligula, tincidunt et, rhoncus id, malesuada nec, libero. Phasellus non. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec eros ligula, tincidunt et, rhoncus id, malesuada nec, libero. Phasellus non.
Paragraph Text Right Align "alignRight". Link Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec eros ligula, tincidunt et, rhoncus id, malesuada nec, libero. Phasellus non. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec eros ligula, tincidunt et, rhoncus id, malesuada nec, libero. Phasellus non.
Blockquote Link Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec eros ligula, tincidunt et, rhoncus id, malesuada nec, libero. Phasellus non.
Tab 2
this is the tab panel using bootstrap. JS code below can be used if it's needed.
$(document).ready(function(){ $(".nav-tabs > a").click(function(){ $(this).tab('show'); });
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
Curabitur sodales ligula in libero. Sed dignissim lacinia nunc. Curabitur tortor. Pellentesque nibh. Aenean quam. In scelerisque sem at dolor. Maecenas mattis. Sed convallis tristique sem. Proin ut ligula vel nunc egestas porttitor. Morbi lectus risus, iaculis vel, suscipit quis, luctus non, massa. Fusce ac turpis quis ligula lacinia aliquet. Mauris ipsum.
Nulla metus metus, ullamcorper vel, tincidunt sed, euismod in, nibh. Quisque volutpat condimentum velit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam nec ante. Sed lacinia, urna non tincidunt mattis, tortor neque adipiscing diam, a cursus ipsum ante quis turpis. Nulla facilisi. Ut fringilla. Suspendisse potenti. Nunc feugiat mi a tellus consequat imperdiet. Vestibulum sapien. Proin quam. Etiam ultrices.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
Curabitur sodales ligula in libero. Sed dignissim lacinia nunc. Curabitur tortor. Pellentesque nibh. Aenean quam. In scelerisque sem at dolor. Maecenas mattis. Sed convallis tristique sem. Proin ut ligula vel nunc egestas porttitor. Morbi lectus risus, iaculis vel, suscipit quis, luctus non, massa. Fusce ac turpis quis ligula lacinia aliquet. Mauris ipsum.
Nulla metus metus, ullamcorper vel, tincidunt sed, euismod in, nibh. Quisque volutpat condimentum velit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam nec ante. Sed lacinia, urna non tincidunt mattis, tortor neque adipiscing diam, a cursus ipsum ante quis turpis. Nulla facilisi. Ut fringilla. Suspendisse potenti. Nunc feugiat mi a tellus consequat imperdiet. Vestibulum sapien. Proin quam. Etiam ultrices.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
Curabitur sodales ligula in libero. Sed dignissim lacinia nunc. Curabitur tortor. Pellentesque nibh. Aenean quam. In scelerisque sem at dolor. Maecenas mattis. Sed convallis tristique sem. Proin ut ligula vel nunc egestas porttitor. Morbi lectus risus, iaculis vel, suscipit quis, luctus non, massa. Fusce ac turpis quis ligula lacinia aliquet. Mauris ipsum.
Nulla metus metus, ullamcorper vel, tincidunt sed, euismod in, nibh. Quisque volutpat condimentum velit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam nec ante. Sed lacinia, urna non tincidunt mattis, tortor neque adipiscing diam, a cursus ipsum ante quis turpis. Nulla facilisi. Ut fringilla. Suspendisse potenti. Nunc feugiat mi a tellus consequat imperdiet. Vestibulum sapien. Proin quam. Etiam ultrices.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
Curabitur sodales ligula in libero. Sed dignissim lacinia nunc. Curabitur tortor. Pellentesque nibh. Aenean quam. In scelerisque sem at dolor. Maecenas mattis. Sed convallis tristique sem. Proin ut ligula vel nunc egestas porttitor. Morbi lectus risus, iaculis vel, suscipit quis, luctus non, massa. Fusce ac turpis quis ligula lacinia aliquet. Mauris ipsum.
Nulla metus metus, ullamcorper vel, tincidunt sed, euismod in, nibh. Quisque volutpat condimentum velit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam nec ante. Sed lacinia, urna non tincidunt mattis, tortor neque adipiscing diam, a cursus ipsum ante quis turpis. Nulla facilisi. Ut fringilla. Suspendisse potenti. Nunc feugiat mi a tellus consequat imperdiet. Vestibulum sapien. Proin quam. Etiam ultrices.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
Curabitur sodales ligula in libero. Sed dignissim lacinia nunc. Curabitur tortor. Pellentesque nibh. Aenean quam. In scelerisque sem at dolor. Maecenas mattis. Sed convallis tristique sem. Proin ut ligula vel nunc egestas porttitor. Morbi lectus risus, iaculis vel, suscipit quis, luctus non, massa. Fusce ac turpis quis ligula lacinia aliquet. Mauris ipsum.
Nulla metus metus, ullamcorper vel, tincidunt sed, euismod in, nibh. Quisque volutpat condimentum velit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam nec ante. Sed lacinia, urna non tincidunt mattis, tortor neque adipiscing diam, a cursus ipsum ante quis turpis. Nulla facilisi. Ut fringilla. Suspendisse potenti. Nunc feugiat mi a tellus consequat imperdiet. Vestibulum sapien. Proin quam. Etiam ultrices.
Content Tab Body
div class="content-tab-highlight-outer"Paragraph - Content.
One column section
The one column section would ideally be used in the 1 column layout page template. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec eros ligula, tincidunt et, rhoncus id, malesuada nec, libero.
To create this, you'll need to do the following:
you can do "fun" things like adding images on top.
The two column section would ideally be used in the 1 column layout page template. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec eros ligula, tincidunt et, rhoncus id, malesuada nec, libero.
The code here can be anything you want. There will (most likely) be an H1 already in use on the top of the page, so using anything else in this div is fine.
To create this, you'll need to do the following:
this is an alternative two column section where the 2 inner div's have padding and a border.
any other modifications can be applied with custom inline styles.
you can do "fun" things like adding images on top.
To create this, you'll need to do the following:
the three column section would ideally be used in the 1 column layout page template.
Curabitur sodales ligula in libero. Sed dignissim lacinia nunc. Curabitur tortor. Pellentesque nibh. Aenean quam. In scelerisque sem at dolor. Maecenas mattis. Sed convallis tristique sem. Proin ut ligula vel nunc egestas porttitor. Morbi lectus risus, iaculis vel, suscipit quis, luctus non, massa. Fusce ac turpis quis ligula lacinia aliquet. Mauris ipsum.
The code here can be anything you want. There will (most likely) be an H1 already in use on the top of the page, so using anything else in this div is fine.
this is an alternative three column section where the 3 inner div's have padding and a border.
any other modifications can be applied with custom inline styles.
Curabitur sodales ligula in libero. Sed dignissim lacinia nunc. Curabitur tortor. Pellentesque nibh. Aenean quam. In scelerisque sem at dolor. Maecenas mattis. Sed convallis tristique sem. Proin ut ligula vel nunc egestas porttitor. Morbi lectus risus, iaculis vel, suscipit quis, luctus non, massa. Fusce ac turpis quis ligula lacinia aliquet. Mauris ipsum.
you can do "fun" things like adding images on top.
To create this, you'll need to do the following:
the four column section would ideally be used in the 1 column layout page template.
Curabitur sodales ligula in libero. Sed dignissim lacinia nunc. Curabitur tortor. Pellentesque nibh. Aenean quam. In scelerisque sem at dolor. Maecenas mattis. Sed convallis tristique sem. Proin ut ligula vel nunc egestas porttitor. Morbi lectus risus, iaculis vel, suscipit quis, luctus non, massa. Fusce ac turpis quis ligula lacinia aliquet. Mauris ipsum.
Curabitur sodales ligula in libero. Sed dignissim lacinia nunc. Curabitur tortor. Pellentesque nibh. Aenean quam. In scelerisque sem at dolor. Maecenas mattis. Sed convallis tristique sem. Proin ut ligula vel nunc egestas porttitor. Morbi lectus risus, iaculis vel, suscipit quis, luctus non, massa. Fusce ac turpis quis ligula lacinia aliquet. Mauris ipsum.
The code here can be anything you want. There will (most likely) be an H1 already in use on the top of the page, so using anything else in this div is fine.
this is an alternative four column section where the 4 inner div's have padding and a border.
any other modifications can be applied with custom inline styles.
Curabitur sodales ligula in libero. Sed dignissim lacinia nunc. Curabitur tortor. Pellentesque nibh. Aenean quam. In scelerisque sem at dolor. Maecenas mattis. Sed convallis tristique sem. Proin ut ligula vel nunc egestas porttitor. Morbi lectus risus, iaculis vel, suscipit quis, luctus non, massa. Fusce ac turpis quis ligula lacinia aliquet. Mauris ipsum.
Curabitur sodales ligula in libero. Sed dignissim lacinia nunc. Curabitur tortor. Pellentesque nibh. Aenean quam. In scelerisque sem at dolor. Maecenas mattis. Sed convallis tristique sem. Proin ut ligula vel nunc egestas porttitor. Morbi lectus risus, iaculis vel, suscipit quis, luctus non, massa. Fusce ac turpis quis ligula lacinia aliquet. Mauris ipsum.
you can do "fun" things like adding images on top.
Randomizer Feature (lists)
This ".randomizer" feature is primarily being used like a feature-box for one article from a library. To use, create a surrounding DIV with the style="overflow:auto;"
, and any other additional styles desired. Then add the UL list with the class="randomizer"
. Each LI list item will represent an article item. On load, the page will randomly select one of these list items to be visible. This works with a minimum of one article.
This ".randomizer" feature is primarily being used like a feature-box for one article from a library. To use, create a surrounding DIV with the style="overflow:auto;"
, and any other additional styles desired. Then add the UL list with the class="randomizer"
. Each LI list item will represent an article item. On load, the page will randomly select one of these list items to be visible. This works with a minimum of one article.
This ".randomizer" feature is primarily being used like a feature-box for one article from a library. To use, create a surrounding DIV with the style="overflow:auto;"
, and any other additional styles desired. Then add the UL list with the class="randomizer"
. Each LI list item will represent an article item. On load, the page will randomly select one of these list items to be visible. This works with a minimum of one article.
Graphic Boxes (lists)
Graphic boxes is available for use on the Unordered Lists (UL) element as a "fun" way to display lists differently. This uses Javascript to approximate a best fit based on the number of columns (data-col), and calculates the height to make all the boxes the same size.
To use, add the graphicBoxes
class to the list element and how many columns as a data-col
attribute. There should also be a <div class="clearfloat"></div>
after the list element to stop the floating styles. The final code for a UL element with 3 columns should look like:
<ul class="graphicBoxes" data-col="3"> ... </ul> <div class="clearfloat"></div>
graphicBoxes listitem paragraph, 1
graphicBoxes listitem paragraph, 2
graphicBoxes listitem paragraph, 3
graphicBoxes listitem paragraph, 4
graphicBoxes listitem paragraph, 5
If using links, there is the option to add an additional class to the .graphicBoxes. Example class="graphicBoxes graphicLinks"
.
Or users can keep the links as they are. Example class="graphicBoxes"
.
Asides (sidebox content)
This is a paragraph inside of the aside content. It has a fixed width at 275px. This aside is floating "right". Here is a sample hyperlink within the text.
This is a left aligned paragraph inside of the aside content. Default styles are aligned left.
To use this new "aside" feature, simple add a <div>
tag with the class of aside to the page. You will also add a class of right or left to help move the "aside" to one side of the page. Then add the appropriate heading and content classes. Don't forget to add a "clearfloat" after the aside.
We have a "title" class which helps create a defined title block.
There are a couple ways to handle inline-images. You can simply place them into the "aside" directly (example below) or you can add a class of "wide" to help the image fill the space (example on right).
Hyperlinks should be formatted like this: <p or element><a href="link path">text goes here</a></p or /element>
. Note, the <a>
tag is inside of the paragraph tag, or other element you are using.
Lists help visually organize content. Below, we used both an unordered (bulleted) list <ul>
at first, and then a class of "hr" on each <p>
tag, creating grey lines. You could even just use separate <p>
tags for an cleaner look.
When using the "aside left" combination, sometimes the lists outside can interact strangely with the aside feature. To help those lists act correctly, please add an inline style of "overflow:hidden;" to the list. For example: <ul style="overflow:hidden"> [list elements] </ul>
. The below list of samples has the inline style applied.
This aside is floating "left". Below is filler content of various types."
This is a right aligned paragraph inside of the aside content.
This is a centered paragraph inside of the aside content.
This is a justified paragraph inside of the aside content.
The "aside" examples shown here use a lot of the general classes available to help style the content. Use the developer tools (F12) to inspect the classes being used by each element. Here are a few more to help!
YOUTUBE PLAYER / YOU TUBE
Please enable javascript to play this video.
Using the new class='youtube-player' format, more YouTube videos can be on one page without reduced load times.
This format needs 4 items:A YouTube URL has a unique code for each video. Examples:
https://www.youtube.com/watch?v=o_JVfyvoa04
https://youtu.be/o_JVfyvoa04
This can be used by our system for video ordering in some circumstances (Format: YYYYmmdd).
TRIANGLEEXPANDABLE / TRIANGLE EXPANDABLE SECTIONS
Below is for the .triangleExpandable sections. These are used for lists elements that have additional content under each item - such as a Question and Answer format. The "Expand All/ Collapse All" are optional per page, and affect the entire page. Both types of lists are acceptable (UL/OL). It is suggested that within the "answer" areas to use the LI tag like a paragraph, for ideal formatting. Each LI tag can have other HTML elements within, such as links, tables, and images. Below is an example and simple suggested formatting:
Col head 0 | Col head 1 |
---|---|
Row head A | content 1A |
Row head B | content 1B |
Row head C | content 1C |
(TOC) EXPANDABLE ACCORDION SECTIONS
Create an Unordered List <UL> with the "accordionSections" class. Each List Item <LI> will be a "topic." This "topic" consists of...
This is the base functionality. Styles can be added directly to the page as needed to change the look of the function <UL>. The class "accordionScroll" can be added to any "accordionSections" to have those items auto-scroll-to the top of the window on click.
Be sure the page includes:
Col1 | Col2 |
---|---|
A | B |
Apple | Banana |
Prenumbered Code
{ "status": "REQUEST_SUCCEEDED", "responseTime": 16, "message": [ ], "Results": [ { "series": [ { "seriesID": "LAUCN040010000000005", "data": [ { "year": "2013", "period": "M11", "periodName": "November", "value": "16393", "footnotes": [ { "code": "P", "text": "Preliminary." } ] }, { "year": "2013", "period": "M10", "periodName": "October", "value": "16536", "footnotes": [ { ... } ] } ] } ] } ] }
Overlay
Thickbox Pop-up Layer, Overlay
Text | Description | Entity Name | Named Entity | Entity Number | Numbered Entitiy |
---|---|---|---|---|---|
" | quotation mark | " | " | " | " |
' | apostrophe | ' (does not work in IE) | ' | ' | ' |
& | ampersand | & | & | & | & |
< | less-than | < | < | < | < |
> | greater-than | > | > | > | > |
Character Entities
Result | Description | Entity Name | Entity Name | Entity Number | Entity Number |
---|---|---|---|---|---|
non-breaking space | |   | |||
¡ | inverted exclamation mark | ¡ | ¡ | ¡ | ¡ |
¢ | cent | ¢ | ¢ | ¢ | ¢ |
£ | pound | £ | £ | £ | £ |
¤ | currency | ¤ | ¤ | ¤ | ¤ |
¥ | yen | ¥ | ¥ | ¥ | ¥ |
¦ | broken vertical bar | ¦ | ¦ | ¦ | ¦ |
§ | section | § | § | § | § |
¨ | spacing diaeresis | ¨ | ¨ | ¨ | ¨ |
© | copyright | © | © | © | © |
ª | feminine ordinal indicator | ª | ª | ª | ª |
« | angle quotation mark (left) | « | « | « | « |
¬ | negation | ¬ | ¬ | ¬ | ¬ |
| soft hyphen | ­ | | ­ | |
® | registered trademark | ® | ® | ® | ® |
¯ | spacing macron | ¯ | ¯ | ¯ | ¯ |
° | degree | ° | ° | ° | ° |
± | plus-or-minus | ± | ± | ± | ± |
² | superscript 2 | ² | ² | ² | ² |
³ | superscript 3 | ³ | ³ | ³ | ³ |
´ | spacing acute | ´ | ´ | ´ | ´ |
µ | micro | µ | µ | µ | µ |
¶ | paragraph | ¶ | ¶ | ¶ | ¶ |
· | middle dot | · | · | · | · |
¸ | spacing cedilla | ¸ | ¸ | ¸ | ¸ |
¹ | superscript 1 | ¹ | ¹ | ¹ | ¹ |
º | masculine ordinal indicator | º | º | º | º |
» | angle quotation mark (right) | » | » | » | » |
¼ | fraction 1/4 | ¼ | ¼ | ¼ | ¼ |
½ | fraction 1/2 | ½ | ½ | ½ | ½ |
¾ | fraction 3/4 | ¾ | ¾ | ¾ | ¾ |
¿ | inverted question mark | ¿ | ¿ | ¿ | ¿ |
× | multiplication | × | × | × | × |
÷ | division | ÷ | ÷ | ÷ | ÷ |
Symbol Entities
Result | Description | Entity Name | Entity Name | Entity Number | Entity Number |
---|---|---|---|---|---|
À | capital a, grave accent | À | À | À | À |
Á | capital a, acute accent | Á | Á | Á | Á |
 | capital a, circumflex accent |  |  |  |  |
à | capital a, tilde | à | à | à | à |
Ä | capital a, umlaut mark | Ä | Ä | Ä | Ä |
Å | capital a, ring | Å | Å | Å | Å |
Æ | capital ae | Æ | Æ | Æ | Æ |
Ç | capital c, cedilla | Ç | Ç | Ç | Ç |
È | capital e, grave accent | È | È | È | È |
É | capital e, acute accent | É | É | É | É |
Ê | capital e, circumflex accent | Ê | Ê | Ê | Ê |
Ë | capital e, umlaut mark | Ë | Ë | Ë | Ë |
Ì | capital i, grave accent | Ì | Ì | Ì | Ì |
Í | capital i, acute accent | Í | Í | Í | Í |
Î | capital i, circumflex accent | Î | Î | Î | Î |
Ï | capital i, umlaut mark | Ï | Ï | Ï | Ï |
Ð | capital eth, Icelandic | Ð | Ð | Ð | Ð |
Ñ | capital n, tilde | Ñ | Ñ | Ñ | Ñ |
Ò | capital o, grave accent | Ò | Ò | Ò | Ò |
Ó | capital o, acute accent | Ó | Ó | Ó | Ó |
Ô | capital o, circumflex accent | Ô | Ô | Ô | Ô |
Õ | capital o, tilde | Õ | Õ | Õ | Õ |
Ö | capital o, umlaut mark | Ö | Ö | Ö | Ö |
Ø | capital o, slash | Ø | Ø | Ø | Ø |
Ù | capital u, grave accent | Ù | Ù | Ù | Ù |
Ú | capital u, acute accent | Ú | Ú | Ú | Ú |
Û | capital u, circumflex accent | Û | Û | Û | Û |
Ü | capital u, umlaut mark | Ü | Ü | Ü | Ü |
Ý | capital y, acute accent | Ý | Ý | Ý | Ý |
Þ | capital THORN, Icelandic | Þ | Þ | Þ | Þ |
ß | small sharp s, German | ß | ß | ß | ß |
à | small a, grave accent | à | à | à | à |
á | small a, acute accent | á | á | á | á |
â | small a, circumflex accent | â | â | â | â |
ã | small a, tilde | ã | ã | ã | ã |
ä | small a, umlaut mark | ä | ä | ä | ä |
å | small a, ring | å | å | å | å |
æ | small ae | æ | æ | æ | æ |
ç | small c, cedilla | ç | ç | ç | ç |
è | small e, grave accent | è | è | è | è |
é | small e, acute accent | é | é | é | é |
ê | small e, circumflex accent | ê | ê | ê | ê |
ë | small e, umlaut mark | ë | ë | ë | ë |
ì | small i, grave accent | ì | ì | ì | ì |
í | small i, acute accent | í | í | í | í |
î | small i, circumflex accent | î | î | î | î |
ï | small i, umlaut mark | ï | ï | ï | ï |
ð | small eth, Icelandic | ð | ð | ð | ð |
ñ | small n, tilde | ñ | ñ | ñ | ñ |
ò | small o, grave accent | ò | ò | ò | ò |
ó | small o, acute accent | ó | ó | ó | ó |
ô | small o, circumflex accent | ô | ô | ô | ô |
õ | small o, tilde | õ | õ | õ | õ |
ö | small o, umlaut mark | ö | ö | ö | ö |
ø | small o, slash | ø | ø | ø | ø |
ù | small u, grave accent | ù | ù | ù | ù |
ú | small u, acute accent | ú | ú | ú | ú |
û | small u, circumflex accent | û | û | û | û |
ü | small u, umlaut mark | ü | ü | ü | ü |
ý | small y, acute accent | ý | ý | ý | ý |
þ | small thorn, Icelandic | þ | þ | þ | þ |
ÿ | small y, umlaut mark | ÿ | ÿ | ÿ | ÿ |
Math Symbols Supported by HTML
Result | Description | Entity Name | Entity Number | Entity Name | Entity Number |
---|---|---|---|---|---|
∀ | for all | ∀ | ∀ | ∀ | ∀ |
∂ | part | ∂ | ∂ | ∂ | ∂ |
∃ | exists | &exists; | ∃ | &exists; | ∃ |
∅ | empty | ∅ | ∅ | ∅ | ∅ |
∇ | nabla | ∇ | ∇ | ∇ | ∇ |
∈ | isin | ∈ | ∈ | ∈ | ∈ |
∉ | notin | ∉ | ∉ | ∉ | ∉ |
∋ | ni | ∋ | ∋ | ∋ | ∋ |
∏ | prod | ∏ | ∏ | ∏ | ∏ |
∑ | sum | ∑ | ∑ | ∑ | ∑ |
− | minus | − | − | − | − |
∗ | lowast | ∗ | ∗ | ∗ | ∗ |
√ | square root | √ | √ | √ | √ |
∝ | proportional to | ∝ | ∝ | ∝ | ∝ |
∞ | infinity | ∞ | ∞ | ∞ | ∞ |
∠ | angle | ∠ | ∠ | ∠ | ∠ |
∧ | and | ∧ | ∧ | ∧ | ∧ |
∨ | or | ∨ | ∨ | ∨ | ∨ |
∩ | cap | ∩ | ∩ | ∩ | ∩ |
∪ | cup | ∪ | ∪ | ∪ | ∪ |
∫ | integral | ∫ | ∫ | ∫ | ∫ |
∴ | therefore | ∴ | ∴ | ∴ | ∴ |
∼ | simular to | ∼ | ∼ | ∼ | ∼ |
≅ | approximately equal | ≅ | ≅ | ≅ | ≅ |
≈ | almost equal | ≈ | ≈ | ≈ | ≈ |
≠ | not equal | ≠ | ≠ | ≠ | ≠ |
≡ | equivalent | ≡ | ≡ | ≡ | ≡ |
≤ | less or equal | ≤ | ≤ | ≤ | ≤ |
≥ | greater or equal | ≥ | ≥ | ≥ | ≥ |
⊂ | subset of | ⊂ | ⊂ | ⊂ | ⊂ |
⊃ | superset of | ⊃ | ⊃ | ⊃ | ⊃ |
⊄ | not subset of | ⊄ | ⊄ | ⊄ | ⊄ |
⊆ | subset or equal | ⊆ | ⊆ | ⊆ | ⊆ |
⊇ | superset or equal | ⊇ | ⊇ | ⊇ | ⊇ |
⊕ | circled plus | ⊕ | ⊕ | ⊕ | ⊕ |
⊗ | cirled times | ⊗ | ⊗ | ⊗ | ⊗ |
⊥ | perpendicular | ⊥ | ⊥ | ⊥ | ⊥ |
⋅ | dot operator | ⋅ | ⋅ | ⋅ | ⋅ |
Greek Letters Supported by HTML
Result | Description | Entity Name | Entity Number | Entity Name | Entity Number |
---|---|---|---|---|---|
Α | Alpha | Α | Α | Α | Α |
Β | Beta | Β | Β | Β | Β |
Γ | Gamma | Γ | Γ | Γ | Γ |
Δ | Delta | Δ | Δ | Δ | Δ |
Ε | Epsilon | Ε | Ε | Ε | Ε |
Ζ | Zeta | Ζ | Ζ | Ζ | Ζ |
Η | Eta | Η | Η | Η | Η |
Θ | Theta | Θ | Θ | Θ | Θ |
Ι | Iota | Ι | Ι | Ι | Ι |
Κ | Kappa | Κ | Κ | Κ | Κ |
Λ | Lambda | Λ | Λ | Λ | Λ |
Μ | Mu | Μ | Μ | Μ | Μ |
Ν | Nu | Ν | Ν | Ν | Ν |
Ξ | Xi | Ξ | Ξ | Ξ | Ξ |
Ο | Omicron | Ο | Ο | Ο | Ο |
Π | Pi | Π | Π | Π | Π |
Ρ | Rho | Ρ | Ρ | Ρ | Ρ |
Sigmaf | undefined | undefined | |||
Σ | Sigma | Σ | Σ | Σ | Σ |
Τ | Tau | Τ | Τ | Τ | Τ |
Υ | Upsilon | Υ | Υ | Υ | Υ |
Φ | Phi | Φ | Φ | Φ | Φ |
Χ | Chi | Χ | Χ | Χ | Χ |
Ψ | Psi | Ψ | Ψ | Ψ | Ψ |
Ω | Omega | Ω | Ω | Ω | Ω |
α | alpha | α | α | α | α |
β | beta | β | β | β | β |
γ | gamma | γ | γ | γ | γ |
δ | delta | δ | δ | δ | δ |
ε | epsilon | ε | ε | ε | ε |
ζ | zeta | ζ | ζ | ζ | ζ |
η | eta | η | η | η | η |
θ | theta | θ | θ | θ | θ |
ι | iota | ι | ι | ι | ι |
κ | kappa | κ | κ | κ | κ |
λ | lambda | λ | Λ | λ | Λ |
μ | mu | μ | μ | μ | μ |
ν | nu | ν | Ν | ν | Ν |
ξ | xi | ξ | ξ | ξ | ξ |
ο | omicron | ο | ο | ο | ο |
π | pi | π | π | π | π |
ρ | rho | ρ | ρ | ρ | ρ |
ς | sigmaf | ς | ς | ς | ς |
σ | sigma | σ | σ | σ | σ |
τ | tau | τ | τ | τ | τ |
υ | upsilon | υ | υ | υ | υ |
φ | phi | φ | φ | φ | φ |
χ | chi | χ | χ | χ | χ |
ψ | psi | ψ | ψ | ψ | ψ |
ω | omega | ω | ω | ω | ω |
ϑ | theta symbol | ϑ | ϑ | ϑ | ϑ |
ϒ | upsilon symbol | ϒ | ϒ | ϒ | ϒ |
ϖ | pi symbol | ϖ | ϖ | ϖ | ϖ |
Some Other Entities Supported by HTML
Result | Description | Entity Name | Entity Number | Entity Name | Entity Number |
---|---|---|---|---|---|
Œ | capital ligature OE | Œ | Œ | Œ | Œ |
œ | small ligature oe | œ | œ | œ | œ |
Š | capital S with caron | Š | Š | Š | Š |
š | small S with caron | š | š | š | š |
Ÿ | capital Y with diaeres | Ÿ | Ÿ | Ÿ | Ÿ |
ƒ | f with hook | ƒ | ƒ | ƒ | ƒ |
ˆ | modifier letter circumflex accent | ˆ | ˆ | ˆ | ˆ |
˜ | small tilde | ˜ | ˜ | ˜ | ˜ |
en space |   |   | |||
em space |   |   | |||
thin space |   |   | |||
| zero width non-joiner | | | ‌ | ‌ |
| zero width joiner | | | ‍ | ‍ |
| left-to-right mark | | | ‎ | ‎ |
| right-to-left mark | | | ‏ | ‏ |
– | en dash | – | – | – | – |
— | em dash | — | — | — | — |
‘ | left single quotation mark | ‘ | ‘ | ‘ | ‘ |
’ | right single quotation mark | ’ | ’ | ’ | ’ |
‚ | single low-9 quotation mark | ‚ | ‚ | ‚ | ‚ |
“ | left double quotation mark | “ | “ | “ | “ |
” | right double quotation mark | ” | ” | ” | ” |
„ | double low-9 quotation mark | „ | „ | „ | „ |
† | dagger | † | † | † | † |
‡ | double dagger | ‡ | ‡ | ‡ | ‡ |
• | bullet | • | • | • | • |
… | horizontal ellipsis | … | … | … | … |
‰ | per mille | ‰ | ‰ | ‰ | ‰ |
′ | minutes | ′ | ′ | ′ | ′ |
″ | seconds | ″ | ″ | ″ | ″ |
‹ | single left angle quotation | ‹ | ‹ | ‹ | ‹ |
› | single right angle quotation | › | › | › | › |
‾ | overline | ‾ | ‾ | ‾ | ‾ |
€ | euro | € | € | € | € |
™ | trademark | ™ | ™ | ™ | ™ |
← | left arrow | ← | ← | ← | ← |
↑ | up arrow | ↑ | ↑ | ↑ | ↑ |
→ | right arrow | → | → | → | → |
↓ | down arrow | ↓ | ↓ | ↓ | ↓ |
↔ | left right arrow | ↔ | ↔ | ↔ | ↔ |
↵ | carriage return arrow | ↵ | ↵ | ↵ | ↵ |
⌈ | left ceiling | ⌈ | ⌈ | ⌈ | ⌈ |
⌉ | right ceiling | ⌉ | ⌉ | ⌉ | ⌉ |
⌊ | left floor | ⌊ | ⌊ | ⌊ | ⌊ |
⌋ | right floor | ⌋ | ⌋ | ⌋ | ⌋ |
◊ | lozenge | ◊ | ◊ | ◊ | ◊ |
♠ | spade | ♠ | ♠ | ♠ | ♠ |
♣ | club | ♣ | ♣ | ♣ | ♣ |
♥ | heart | ♥ | ♥ | ♥ | ♥ |
♦ | diamond | ♦ | ♦ | ♦ | ♦ |
£
€
¥
“
”
—
©
®
™
†
‡
…