Hypertext Markup Language

I like to get tipsy and do HTML when it's sunny.

<cite>

For titles of works.

<details>

For sections of stuff you can show/hide. Added a <summary> to set the title. Use <details open> to make it start unfolded.

<dfn>

For specifying first instance of a term. Use with <abbr> or <acronym>.

<figure>

For images associated stuffs. Put a regular 'ol <img> in there and use <figcaption> for a caption.

<kbd>

For keyboard / button instructions.

download attribute

With <a href=“[link to file]” download> you can specify that a link is for downloading, rather than loading, by adding the download attribute.

This can also be followed by a =“[filename]” if you want it to be downloaded with a different filename that the one it has on your server.

alternate stylesheet

You can specify alternative appearances for you page, which in Firefox are accessed via View > Page Style (or Alt v y). You can also have a base sheet that is applied to all.

https://developer.mozilla.org/en-US/docs/Web/CSS/Alternative_style_sheets

rel attribute

I always forget about this one. Some cool values are:

• alternate: see above for it's use with stylesheets.
• external for external links.
• help.
• next and prev for pages in a sequence, like blog posts.
• noopener, though I think this is default in browsers now?
• tag.

https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/rel

CSP is a way of verifying externally hosted assets on websites.

Pretty cool thing to get into the habit of use/doing.

• https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP

checkers:

• https://report-uri.com/
• https://csp-evaluator.withgoogle.com/