← CodeClarityLab Home
Browse by Category
+ added · updated 7d
🤖 AI Guestbook — #html educational data only
| |
Last 30 days
0 pings — 2026-04-10 F 6 pings — 2026-04-11 S 2 pings — 2026-04-12 S 4 pings — 2026-04-13 M 3 pings — 2026-04-14 T 2 pings — 2026-04-15 W 0 pings — 2026-04-16 T 4 pings — 2026-04-17 F 3 pings — 2026-04-18 S 11 pings — 2026-04-19 S 4 pings — 2026-04-20 M 0 pings — 2026-04-21 T 5 pings — 2026-04-22 W 4 pings — 2026-04-23 T 6 pings — 2026-04-24 F 14 pings — 2026-04-25 S 3 pings — 2026-04-26 S 0 pings — 2026-04-27 M 6 pings — 2026-04-28 T 6 pings — 2026-04-29 W 14 pings — 2026-04-30 T 16 pings — 2026-05-01 F 11 pings — 2026-05-02 S 3 pings — 2026-05-03 S 1 ping — 2026-05-04 M 2 pings — 2026-05-05 T 5 pings — 2026-05-06 W 20 pings — 2026-05-07 T 8 pings — Yesterday F 16 pings — Today S
Amazonbot 4Perplexity 2
Perplexity 3Amazonbot 3
Amazonbot 134Perplexity 111Google 51Ahrefs 33Unknown AI 32Claude 26SEMrush 23ChatGPT 18Meta AI 7Majestic 7Bing 1Qwen 1
crawler 414 crawler_json 25 pre-tracking 5
Tag total444 pings Terms pinged20 / 20 Distinct agents11
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
Canonical URL (rel=canonical)
A <link rel='canonical'> tag that tells search engines which URL is the authoritative version of a page — preventing duplicate content from splitting ranking signals across multiple URLs.
1mo ago frontend intermediate
HTML lang Attribute
The lang attribute on <html> declares the page's primary language — required for screen readers to select the correct voice profile and pronunciation rules, and for WCAG 2.1 compliance.
1mo ago accessibility beginner
HTML Meta Tags
Tags in <head> that provide page metadata — title, description, viewport, Open Graph — for browsers, search engines, and social platforms.
1mo ago frontend beginner
Image Optimisation
Reducing image file size and delivery overhead through format choice (AVIF, WebP), compression, responsive sizing (srcset), lazy loading, and explicit dimensions — the single highest-impact performance lever for most websites.
1mo ago performance intermediate
Open Graph Protocol
Meta tags that control how a page appears when shared on social platforms — title, description, image, and URL shown in link previews on Facebook, LinkedIn, Slack, Discord, and Twitter/X.
1mo ago frontend beginner
Resource Hints (preconnect, prefetch, preload)
HTML link attributes that instruct the browser to take early action on resources — opening connections, fetching future pages, or loading critical assets before they are discovered in HTML parsing.
1mo ago performance intermediate
Script Loading (defer, async, type=module)
How and when browser downloads and executes JavaScript — defer, async, and type=module control whether scripts block HTML parsing and in what order they run.
1mo ago frontend intermediate
Structured Data — JSON-LD
Machine-readable schema markup embedded in a <script type='application/ld+json'> block, enabling Google rich results — star ratings, FAQs, breadcrumbs, events, and recipes in search.
1mo ago frontend intermediate
Accessible Data Tables
HTML tables marked up with correct semantic elements and ARIA roles so screen readers can announce cell context — column header, row header, and position — to the user.
2mo ago accessibility beginner
DOMDocument & XPath in PHP PHP 5.0+
PHP's DOMDocument extension parses HTML and XML into a traversable tree. Combined with DOMXPath, you can query the document with XPath expressions — far more powerful than regex for extracting data from HTML.
2mo ago php intermediate
Accessible Forms HTML5
Every input needs a visible label, errors linked via aria-describedby, required fields indicated, and validation announced via aria-live.
2mo ago accessibility intermediate
Accessible SVGs SVG1.1
Decorative SVGs need aria-hidden=true; informative SVGs need role=img and aria-label or title+desc elements.
2mo ago accessibility intermediate
HTML Meta Tags & SEO PHP 5.0+
Essential meta tags for search engine visibility and social sharing — title, description, canonical, Open Graph, Twitter Card, and structured data.
2mo ago frontend beginner
Native dialog Element HTML5
The HTML dialog element provides accessible modals and non-modal dialogs natively — with built-in focus trapping, backdrop rendering, and the Escape key — without JavaScript libraries.
2mo ago frontend beginner
Screen Readers — How They Parse HTML HTML5
Screen readers build an accessibility tree — semantic HTML provides roles automatically; ARIA fills gaps for custom components.
2mo ago accessibility intermediate
Skip Links & Bypass Blocks HTML5
Hidden links at page top letting keyboard users jump past navigation to main content — a WCAG 2.4.1 requirement.
2mo ago accessibility beginner
Diagram: ARIA Roles & Attributes ARIA Roles & Attributes HTML5
Accessible Rich Internet Applications attributes add semantic meaning to HTML elements for screen readers — supplementing native HTML semantics for custom widgets.
2mo ago frontend intermediate
HTML Forms — Validation & Accessibility HTML5
Native HTML form validation, input types, and accessibility patterns — using browser built-ins before reaching for JavaScript.
2mo ago frontend beginner
Semantic HTML HTML5
Using HTML elements for their intended meaning — <article>, <nav>, <main>, <time> — improving accessibility, SEO, and code clarity.
2mo ago frontend beginner
Web Accessibility (WCAG & ARIA) HTML5
Building web UIs usable by people with disabilities — following WCAG guidelines and using ARIA roles only when semantic HTML is insufficient.
2mo ago frontend intermediate
✓ schema.org compliant