HTML Code

<!DOCTYPE html>

<html lang="en">

<head>

  <meta charset="UTF-8">

  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <title>Global Attributes Demo</title>

  <style>

    body { font-family: system-ui, sans-serif; padding: 1.5rem; line-height: 1.6; max-width: 520px; }

    .note { border-left: 4px solid #3b82f6; padding-left: 1rem; margin: 1rem 0; }

    button { margin-top: 0.5rem; padding: 0.4rem 0.9rem; cursor: pointer; }

  </style>

</head>

<body>

  <header id="top">

    <h1>Global Attributes Demo</h1>

  </header>



  <main class="note" data-section="intro" title="Main content area">

    <p lang="en">This page combines several global attributes.</p>

    <p hidden>Draft paragraph not shown yet.</p>

  </main>



  <button type="button"

    aria-label="Back to top"

    tabindex="0"

    onclick="location.hash='#top'">

    ↑ Top

  </button>

</body>

</html>

Lines: 0 | Characters: 0

Live Preview Auto-refresh on Run

HTML Global Attributes — Complete Demo Page