HTML

HTML, HyperText Markup Language, er et dokumentformat. Det beskriver struktur og betydning i et dokument med elementer som overskrifter, afsnit, links, billeder og tabeller.

HTML og HTTP

HTTP kan transportere et HTML-dokument som payload. Serveren fortæller normalt formatet med Content-Type: text/html. HTTP er protokollen; HTML er indholdets format.

En moderne HTML-side

Et moderne HTML-dokument starter med dokumenttypen og angiver sprog, tegnkodning og viewport. Derefter kommer sidens metadata i head og det synlige indhold i body.

<!DOCTYPE html>
<html lang="da">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Temperaturmåling</title>
  <link rel="stylesheet" href="styles.css">
</head>
<body>
  <header>
    <h1>Temperaturmåling</h1>
  </header>
  <main>
    <article>
      <h2>Seneste måling</h2>
      <p>Temperaturen er 21,5 grader Celsius.</p>
    </article>
  </main>
</body>
</html>

De vigtigste dele

• <!DOCTYPE html> fortæller browseren, at dokumentet bruger moderne HTML.
• <html lang="da"> angiver dokumentets sprog.
• <meta charset="utf-8"> sikrer korrekt visning af danske tegn og andre Unicode-tegn.
• <meta name="viewport"> gør layoutet egnet til mobile skærme.
• <head> indeholder metadata, titel, stylesheets og eventuelle scripts.
• <body> indeholder det indhold, brugeren ser.
• <header>, <main> og <article> giver indholdet semantisk struktur.

I IoT

HTML passer godt, når en browser skal vise en webside eller et dashboard. En lille controller bør normalt ikke generere store HTML-sider, men kan hente eller levere en enkel status-side.

Tilbage til HTTP · Næste: JSON