HTML (Hypertext Markup Language)
Basics
- Semantic markup - reinforce the meaning of the information on the page.
- Lists should use <ul> or <ol>.
- Use <em> or <strong>, not <i> or <b>.
- Use h1 to h6 headings.
- Img elements should have alt, width, and height values.
- Clickable elements should be buttons. Solves focus and action challenges.
- Links
- Links to other webpages or sites should be in 'a href' elements.
- For security and performance, add rel="noopener" to any external links using target="_blank".
- Link text should be descriptive. Do not use "click here" as your link text. Describe what the link points to.
Starter HTML
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1">
<title>PAGE TITLE</title>
</head>
<body>
</body>
</html>
Helpful Links