Skip to content

Instantly share code, notes, and snippets.

@Bumboobee
Last active July 13, 2023 10:43
Show Gist options
  • Save Bumboobee/f5876efedfcb70719f970768789b467a to your computer and use it in GitHub Desktop.
Save Bumboobee/f5876efedfcb70719f970768789b467a to your computer and use it in GitHub Desktop.
Set title, description and webclip (ios) header
<!DOCTYPE html>
<html lang="en">
<head>
<!-- character codification -->
<meta charset="UTF-8" />
<!-- section to link the icon -->
<!-- supported by new browsers / svg files render in a better resolution on web [32x32]-->
<link rel="icon" type="image/svg+xml" href="/path_to_logo/logo.svg" />
<!-- supported by old browsers can be [256x256] or [32x32] -->
<link rel="shortcut icon" type="image/x-icon" href="/path_to_logo/logo.png" >
<!-- apple-touch-icon is require down here / must be at a size of [256x256] / use png to not get much memory usage -->
<link rel="apple-touch-icon" href="/path_to_logo/logo.png" >
<!-- scale of content -->
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- defines the title / showed at the top tab navigation -->
<title>[site name goes here]</title>
<!-- defines the description of your web site / showed when the link is shared on social midias -->
<meta name="description" content="Your website description comes right on here 🧁"
>
</head>
<body>
<!-- html body comes keep going here -->
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment