# HTML Meta Tag Integration

Add OpenTentacle Labels to any HTML page using `<meta>` tags.

## Basic usage

```html
<head>
  <!-- Single label -->
  <meta name="otl:label" content="OTL:C-txt" />

  <!-- Multiple labels (compound content) -->
  <meta name="otl:label" content="OTL:H-txt OTL:G-img" />

  <!-- With spec version -->
  <meta name="otl:version" content="1" />
</head>
```

## Full example with optional fields

```html
<head>
  <meta name="otl:version"   content="1" />
  <meta name="otl:label"     content="OTL:C-txt OTL:G-img" />
  <meta name="otl:note"      content="Article drafted with Claude, hero image from Midjourney" />
  <meta name="otl:labeled-by" content="Jane Smith" />
  <meta name="otl:labeled-at" content="2026-04-19" />
</head>
```

## Tag reference

| Tag | Required | Value |
|---|---|---|
| `otl:version` | Recommended | Spec version, e.g. `1` |
| `otl:label` | **Yes** | Space-separated label string(s) |
| `otl:note` | No | Free-text description of AI usage (max 280 chars) |
| `otl:labeled-by` | No | Creator name or organization |
| `otl:labeled-at` | No | ISO 8601 date |

## Validation

Labels must match the pattern: `OTL:[HACGX]-(txt|img|vid|aud|code|mix)`

A label validator is available at: `https://labels.opententacle.com/validate`
