loading...

Tip #3 A Very Basic Html Structure

gablaroche profile image Gabriel Laroche ・1 min read

This series is about all the neat little HTML/CSS/JS tricks I found and keep finding. Most of these are things that initially took me quite a long time to find or figure out and some are just useful tricks that I use in my day to day.

There might be some stuff missing in the head, but I think this code is a good jumping off point to start a simple project

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <meta name="viewport" content="width=device-width">
    <link rel="canonical" href="https://dev.to/" />
    <meta name="theme-color" content="#000000" />
    <meta name="description" content="">
    <meta name="keywords" content="">
    <link rel="icon" type="image/png" sizes="32x32" href="">
    <link rel="icon" type="image/png" sizes="16x16" href="">
    <link rel="stylesheet" href="" />
</head>
<body>
<a href="#content" class="visuallyhidden">Skip Nav</a>
<header>
    <nav></nav>
</header>

<main id="content">
    <h1></h1>
</main>
<footer></footer>
</body>
</html>

Posted on by:

gablaroche profile

Gabriel Laroche

@gablaroche

I'm a passionate front-end Web developer and I love building stuff 😀👨🏻‍💻

Discussion

pic
Editor guide