Bruno Ribeiro | Resources | Use proper punctuation character on the content of your webpage

Use proper punctuation character on the content of your webpage

Quotes

While, inside tags, you need straight quotes around the attributes’ values, you want to use proper quotes and apostrophes on the content of your web pages.

A common mistake is to lazily type the quote key on the computer keyboard and not to worry about it. Please don’t. Please check on the table below how to properly insert the character you’re looking for.

MacOS Windows HTML
' straight single quote ' ' '
" straight double quote " " "
opening single quote option+] alt 0145 ‘
closing single quote option + shift + ] alt + 0146 ’
opening double quote option + [ alt + 0147 “
closing double quote option + shift + [ alt + 0148 ”

You want use the closing right quote for apostrophes as well.

Hyphens and dashes

From the Grammarly blog:

A hyphen (-) is a punctuation mark that’s used to join words or parts of words. It’s not interchangeable with other types of dashes.

A dash is longer than a hyphen and is commonly used to indicate a range or a pause. The most common types of dashes are the en dash (–) and the em dash (—).

Use the en dash for duration, such as in “pages 37–43”, “1:30–3:30”, or “2020–21 academic year”.

A common mistake is to lazily type the minus key on the computer keyboard and not to worry about it. Please don’t. You may use the minus-sign for the hyphen, but check on the table below how to properly insert the character you’re looking for.

MacOS Windows HTML
- hyphen - - -
en dash option+- alt+0150 –
em dash option+shift+- alt+0151 —