# HTML
> Guidance for writing semantic, accessible HTML following modern web standards.
- Skill: `majiayu000/html-2` (Agent Skill, multi-file: 2 files)
- Install (CLI): `npx skillmds@latest add majiayu000/html-2`
- Raw SKILL.md: https://api.skillmd.com/api/skills/majiayu000/html-2/raw
- Safety review: pending (external: skill-scanner PASS, skillspector PASS)
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: majiayu000 (https://skillmd.com/u/majiayu000)
- Updated: 2026-09-09
- Page: https://skillmd.com/skills/majiayu000/html-2
---
---
name: html
description: Semantic HTML best practices for web development. Proper element usage, document structure, forms, metadata. Trigger: When writing HTML markup, creating document structure, or implementing semantic HTML elements.
skills:
- conventions
- a11y
- humanizer
allowed-tools:
- documentation-reader
- web-search
---
# HTML Skill
## Overview
Guidance for writing semantic, accessible HTML following modern web standards.
## Objective
Enable developers to create properly structured HTML with semantic elements, accessibility attributes, and best practices.
---
## When to Use
Use this skill when:
- Writing HTML markup for web pages
- Creating document structure with semantic elements
- Building forms with proper labels and inputs
- Adding metadata and head elements
- Ensuring valid, semantic HTML
Don't use this skill for:
- React JSX patterns (use react skill)
- Accessibility specifics (use a11y skill for detailed guidance)
---
## Critical Patterns
### ✅ REQUIRED: Use Semantic Elements
```html
```
### ✅ REQUIRED: Button vs Anchor
```html
Go to PageClick
```
### ✅ REQUIRED: Essential Meta Tags
```html
Page Title - Site Name
```
---
## Conventions
Refer to conventions for:
- Code organization
- Documentation
Refer to a11y for:
- Semantic elements
- ARIA attributes
- Keyboard navigation
### HTML Specific
- Use semantic elements (`