HTML Code

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Explicit MIME Types</title>
  <style>
    body { font-family: system-ui, sans-serif; padding: 1.5rem; line-height: 1.6; }
    code { background: #f1f5f9; padding: 0.15rem 0.35rem; border-radius: 4px; }
  </style>
</head>
<body>

  <h1>Explicit type Attributes</h1>
  <ul>
    <li><code>&lt;script type="module"&gt;</code> → ES module JavaScript</li>
    <li><code>&lt;style type="text/css"&gt;</code> → CSS (default today)</li>
    <li><code>&lt;link type="text/css" rel="stylesheet"&gt;</code> → stylesheet</li>
  </ul>

  <style type="text/css">
    h1 { color: #1e40af; }
  </style>

  <script type="module">
    console.log("Module script MIME: text/javascript (module)");
  </script>

</body>
</html>

Lines: 0 | Characters: 0

Live Preview Auto-refresh on Run

MIME Types — Explicit type Attributes