Webpage

<!DOCTYPE html>

<html lang="en">

<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title> Your title </title>
</head>

<body>...</body>

</html>

- <meta charset="utf-8"> : Text encoding (prefer utf-8 to other)
- Text encoding = how letters are encoded in binary
- If you see characters like ÃƒÂ©Â¿ � \(\Rightarrow\) problem with encoding
- Non ASCII characters (ex. accent letters) may be encoded in different ways
- <meta name="viewport" content="width=device-width, initial-scale=1"> Set scale to fit screen width
- Used to get correct rendering in smartphone

Good practice: Head metadata