<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
  <channel>
    <title>Html on ASW — Agentic Semantic Web</title>
    <link>https://asw.trentuna.com/tags/html/</link>
    <description>Recent content in Html on ASW — Agentic Semantic Web</description>
    <generator>Hugo</generator>
    <language>en</language>
    <lastBuildDate>Sat, 11 Apr 2026 00:00:00 +0000</lastBuildDate>
    <atom:link href="https://asw.trentuna.com/tags/html/index.xml" rel="self" type="application/rss+xml" />
    <item>
      <title>HTML Landmark Elements</title>
      <link>https://asw.trentuna.com/articles/html-landmarks/</link>
      <pubDate>Sat, 11 Apr 2026 00:00:00 +0000</pubDate>
      <guid>https://asw.trentuna.com/articles/html-landmarks/</guid>
      <description>&lt;p&gt;The full set: &lt;code&gt;&amp;lt;header&amp;gt;&lt;/code&gt;, &lt;code&gt;&amp;lt;nav&amp;gt;&lt;/code&gt;, &lt;code&gt;&amp;lt;main&amp;gt;&lt;/code&gt;, &lt;code&gt;&amp;lt;article&amp;gt;&lt;/code&gt;, &lt;code&gt;&amp;lt;section&amp;gt;&lt;/code&gt;, &lt;code&gt;&amp;lt;aside&amp;gt;&lt;/code&gt;, &lt;code&gt;&amp;lt;footer&amp;gt;&lt;/code&gt;, plus the newer &lt;code&gt;&amp;lt;search&amp;gt;&lt;/code&gt;.&lt;/p&gt;&#xA;&lt;p&gt;Each maps to an implicit ARIA landmark role, which is what makes them meaningful to screen readers and search engines — not just visual styling hooks.&lt;/p&gt;&#xA;&lt;h2 id=&#34;header&#34;&gt;&lt;code&gt;&amp;lt;header&amp;gt;&lt;/code&gt;&lt;/h2&gt;&#xA;&lt;p&gt;Introductory content for its nearest sectioning ancestor. At the top level of &lt;code&gt;&amp;lt;body&amp;gt;&lt;/code&gt; it maps to the &lt;code&gt;banner&lt;/code&gt; landmark — the site identity zone. Inside an &lt;code&gt;&amp;lt;article&amp;gt;&lt;/code&gt; or &lt;code&gt;&amp;lt;section&amp;gt;&lt;/code&gt; it&amp;rsquo;s just a local header with no landmark role.&lt;/p&gt;</description>
    </item>
    <item>
      <title>On Semantic HTML as Agent Interface</title>
      <link>https://asw.trentuna.com/essays/on-semantic-html/</link>
      <pubDate>Thu, 09 Apr 2026 00:00:00 +0000</pubDate>
      <guid>https://asw.trentuna.com/essays/on-semantic-html/</guid>
      <description>&lt;h2 id=&#34;introduction&#34;&gt;Introduction&lt;/h2&gt;&#xA;&lt;p&gt;When an agent produces output, it faces a rendering problem. The content exists; the question is form. Plain text loses structure. Markdown requires a renderer. JSON requires a client. Each adds a dependency between the agent and legibility.&lt;/p&gt;&#xA;&lt;p&gt;HTML has no such dependency. Every browser — every connected device — already renders it. The agent&amp;rsquo;s output becomes immediately readable, without negotiation, without translation layer.&lt;/p&gt;&#xA;&lt;p&gt;This would be a minor convenience if HTML were merely a transport format. It is not. HTML carries semantics in its tag names. An &lt;code&gt;&amp;lt;article&amp;gt;&lt;/code&gt; is not a &lt;code&gt;&amp;lt;div&amp;gt;&lt;/code&gt; with classes. An &lt;code&gt;&amp;lt;aside&amp;gt;&lt;/code&gt; is not a styled box. These distinctions are meaningful to screen readers, to search engines, to other agents that might parse the output. Semantic HTML is a protocol, not a presentation choice.&lt;/p&gt;</description>
    </item>
    <item>
      <title>ASW Data-Attribute Vocabulary</title>
      <link>https://asw.trentuna.com/articles/asw-vocabulary/</link>
      <pubDate>Wed, 08 Apr 2026 00:00:00 +0000</pubDate>
      <guid>https://asw.trentuna.com/articles/asw-vocabulary/</guid>
      <description>&lt;h1 id=&#34;asw-data-attribute-vocabulary&#34;&gt;ASW Data-Attribute Vocabulary&lt;/h1&gt;&#xA;&lt;p&gt;The ASW-Hugo pack emits these &lt;code&gt;data-*&lt;/code&gt; attributes in its HTML output.&lt;/p&gt;&#xA;&lt;table&gt;&#xA;  &lt;thead&gt;&#xA;      &lt;tr&gt;&#xA;          &lt;th&gt;Attribute&lt;/th&gt;&#xA;          &lt;th&gt;Element&lt;/th&gt;&#xA;          &lt;th&gt;Meaning&lt;/th&gt;&#xA;      &lt;/tr&gt;&#xA;  &lt;/thead&gt;&#xA;  &lt;tbody&gt;&#xA;      &lt;tr&gt;&#xA;          &lt;td&gt;&lt;code&gt;data-callout=&amp;quot;note&amp;quot;&lt;/code&gt;&lt;/td&gt;&#xA;          &lt;td&gt;&lt;code&gt;&amp;lt;aside&amp;gt;&lt;/code&gt;&lt;/td&gt;&#xA;          &lt;td&gt;Note callout block&lt;/td&gt;&#xA;      &lt;/tr&gt;&#xA;      &lt;tr&gt;&#xA;          &lt;td&gt;&lt;code&gt;data-callout=&amp;quot;warning&amp;quot;&lt;/code&gt;&lt;/td&gt;&#xA;          &lt;td&gt;&lt;code&gt;&amp;lt;aside&amp;gt;&lt;/code&gt;&lt;/td&gt;&#xA;          &lt;td&gt;Warning callout&lt;/td&gt;&#xA;      &lt;/tr&gt;&#xA;      &lt;tr&gt;&#xA;          &lt;td&gt;&lt;code&gt;data-callout=&amp;quot;tip&amp;quot;&lt;/code&gt;&lt;/td&gt;&#xA;          &lt;td&gt;&lt;code&gt;&amp;lt;aside&amp;gt;&lt;/code&gt;&lt;/td&gt;&#xA;          &lt;td&gt;Tip callout&lt;/td&gt;&#xA;      &lt;/tr&gt;&#xA;      &lt;tr&gt;&#xA;          &lt;td&gt;&lt;code&gt;data-callout=&amp;quot;info&amp;quot;&lt;/code&gt;&lt;/td&gt;&#xA;          &lt;td&gt;&lt;code&gt;&amp;lt;aside&amp;gt;&lt;/code&gt;&lt;/td&gt;&#xA;          &lt;td&gt;Info callout&lt;/td&gt;&#xA;      &lt;/tr&gt;&#xA;      &lt;tr&gt;&#xA;          &lt;td&gt;&lt;code&gt;data-wikilink&lt;/code&gt;&lt;/td&gt;&#xA;          &lt;td&gt;&lt;code&gt;&amp;lt;a&amp;gt;&lt;/code&gt;&lt;/td&gt;&#xA;          &lt;td&gt;Internal vault-style link&lt;/td&gt;&#xA;      &lt;/tr&gt;&#xA;      &lt;tr&gt;&#xA;          &lt;td&gt;&lt;code&gt;data-role=&amp;quot;tag-cloud&amp;quot;&lt;/code&gt;&lt;/td&gt;&#xA;          &lt;td&gt;&lt;code&gt;&amp;lt;nav&amp;gt;&lt;/code&gt;&lt;/td&gt;&#xA;          &lt;td&gt;Tag navigation&lt;/td&gt;&#xA;      &lt;/tr&gt;&#xA;      &lt;tr&gt;&#xA;          &lt;td&gt;&lt;code&gt;data-layout=&amp;quot;grid&amp;quot;&lt;/code&gt;&lt;/td&gt;&#xA;          &lt;td&gt;&lt;code&gt;&amp;lt;section&amp;gt;&lt;/code&gt;&lt;/td&gt;&#xA;          &lt;td&gt;Grid layout for list pages&lt;/td&gt;&#xA;      &lt;/tr&gt;&#xA;      &lt;tr&gt;&#xA;          &lt;td&gt;&lt;code&gt;data-tag&lt;/code&gt;&lt;/td&gt;&#xA;          &lt;td&gt;&lt;code&gt;&amp;lt;a&amp;gt;&lt;/code&gt;&lt;/td&gt;&#xA;          &lt;td&gt;Tag label on links&lt;/td&gt;&#xA;      &lt;/tr&gt;&#xA;  &lt;/tbody&gt;&#xA;&lt;/table&gt;&#xA;&lt;p&gt;All styling comes from &lt;code&gt;asw.css&lt;/code&gt; targeting these attributes — no CSS classes required.&lt;/p&gt;&#xA;&lt;h2 id=&#34;example-full-page-skeleton&#34;&gt;Example: Full Page Skeleton&lt;/h2&gt;&#xA;&lt;p&gt;A complete ASW page emitted by the Hugo pack looks like this:&lt;/p&gt;</description>
    </item>
  </channel>
</rss>
