Document head in HTML
The metadata every page needs: charset, viewport, title, description.
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Python basics tour - typestar</title>
<meta name="description"
content="Practice Python fundamentals one snippet at a time.">
<link rel="canonical" href="https://typestar.io/tours/python/basics">
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<link rel="stylesheet" href="/app.css">
How it works
charsetmust come first, within the first 1024 bytes.- The viewport tag is what makes a page usable on a phone.
canonicaltells search engines which URL is authoritative.
The run, in numbers
- Lines
- 8
- Characters to type
- 393
- Tokens
- 62
- Three-star pace
- 75 tpm
At the three-star pace of 75 tokens a minute, this run takes about 50 seconds.
Step 1 of 6 in Metadata, step 17 of 23 in Semantics & metadata.