HTML
Emmet: Writing HTML at Speed
Type an abbreviation, press Tab, get a block of markup. Emmet is built into most editors and turns twenty keystrokes into three.
#HTML
The HTML markup language.
113 notes tagged
HTML
Debugging Common HTML Problems
A symptom to cause lookup for the problems that come up repeatedly, and the two minute checks that resolve most of them.
HTML
Validating HTML
The validator catches nesting errors, duplicate ids and missing attributes in seconds. A page that renders is not the same as a page that is correct.
HTML
The Console and the Network Panel
The Console reports what went wrong. The Network panel shows what was requested, in what order, and how big it was. Between them they explain most pag...
HTML
The Elements Panel
The Elements panel shows the live DOM, not your file. That difference is why it is the first place to look when markup behaves in a way the source doe...
HTML
Core Web Vitals and Mobile Friendliness
Three measurements taken from real visits, and one indexing rule that decides which version of your page Google actually reads.
HTML
Structured Data and JSON-LD
Machine readable facts about your page, using a shared vocabulary. It does not raise rankings, and it can change how your result looks entirely.
HTML
Canonical URLs and Duplicate Content
The same page reachable at seven URLs is seven competing pages to a search engine. One line of markup consolidates them.
HTML
robots.txt and XML Sitemaps
Two files at the root of your site that decide what gets crawled and what gets found. Small, easy to write, and easy to break in ways that remove a wh...
HTML
Internal Linking and Anchor Text
Links are how pages are discovered and how importance flows through a site. The text inside them is how a crawler learns what the destination is about...
HTML
Headings and Content Structure for Search
Headings are how a crawler works out what a page covers and how it is organised. They are also how you become eligible for a featured snippet.