DEV Community

Gabriel Laroche
Gabriel Laroche

Posted on

Tip #3 A Very Basic Html Structure

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">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width">
    <link rel="canonical" href="" />
    <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="" />
<a href="#content" class="visuallyhidden">Skip Nav</a>

<main id="content">
Enter fullscreen mode Exit fullscreen mode

Top comments (0)