# Tool: Write Prompt for HTML5 Semantic Structure

> Engineer accessible, SEO-optimized web documents with the BOPINK Semantic HTML Builder. Tailored for Web Developers and Technical SEOs, this tool generates prompts that instruct AI models to code clean HTML5 page structures utilizing proper landmark elements (header, nav, main, section, article, aside, footer) and ARIA attributes for search crawlers and screen readers.

**Category**: prompts-code-design | **Target AI Models**: Gemini 3.6 Flash, Claude 3.5 Sonnet

## Domain Parameters:
- `contentType` (select): Document Layout Purpose (Default: "Magazine")
- `ariaLandmarks` (toggle): Screen Reader ARIA Landmarks (Default: "true")
- `schemaData` (toggle): Schema.org JSON-LD Hooks (Default: "true")
- `headingDepth` (select): Max Heading Depth (Default: "H1-H3")

## Master Prompt Engineering Architecture (5 Pillars):
1. **Role & Persona**: Domain expert framing
2. **Task & Deliverable**: Primary objective & constraints
3. **Context & Parameters**: Technical specs & camera/stack parameters
4. **Negative Constraints**: Forbidden artifacts & bad practices
5. **Output Spec**: Section formatting & XML/Markdown structure

## Programmatic API Execution:
```http
POST /api/generate-prompt
Content-Type: application/json

{
  "toolSlug": "write-prompt-for-html5-semantic-structure",
  "rawPrompt": "Your raw concept here",
  "thinkingLevel": "HIGH"
}
```