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.
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 | — |