7:["$","div",null,{"style":{"fontSize":"1.125rem","lineHeight":"1.75rem","fontFamily":"\"Inter\", sans-serif","display":"flex","flexDirection":"column","minHeight":"100vh","justifyContent":"space-between","padding":"2rem","color":"whitesmoke","maxWidth":"800px","margin":"0 auto"},"children":[["$","h1",null,{"style":{"fontSize":"1.75rem","marginBottom":"1rem"},"children":"Semantic HTML Tags"}],["$","div",null,{"dangerouslySetInnerHTML":{"__html":"

Semantic tags clearly describe the meaning of content, improving accessibility and SEO.

<header>, <footer>: Page header and footer
<nav>: Navigation links
<main>, <section>, <article>: Group content logically
<aside>: Sidebar or tangential content

<article>\n  <h2>Blog Title</h2>\n  <p>Blog content...</p>\n</article>

"}}],["$","div",null,{"style":{"marginTop":"3rem","display":"flex","justifyContent":"space-between","width":"100%"},"children":[["$","a",null,{"href":"/learn/html/attributes/text-formatting","style":{"backgroundColor":"#3b82f6","padding":"0.75rem 2rem","borderRadius":"0.75rem","color":"#000","textDecoration":"none","fontWeight":500,"fontFamily":"\"Inter\", sans-serif","fontSize":"1rem","boxShadow":"0 2px 6px rgba(0, 0, 0, 0.1)"},"children":"← Prev"}],["$","a",null,{"href":"/learn/html/forms/form-tag","style":{"backgroundColor":"#3b82f6","padding":"0.75rem 2rem","borderRadius":"0.75rem","color":"#000","textDecoration":"none","fontWeight":500,"fontFamily":"\"Inter\", sans-serif","fontSize":"1rem","boxShadow":"0 2px 6px rgba(0, 0, 0, 0.1)"},"children":"Next →"}]]}]]}]