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"> <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> 
Enter fullscreen mode Exit fullscreen mode

Top comments (0)