HTML5 Basic Structure
Essential HTML5 document structure and elements
Document Structure
<!DOCTYPE html> # HTML5 doctype
<html lang="en"> # root element
<head> # metadata container
<meta charset="UTF-8">
<title>Page Title</title>
</head>
<body> # visible content
</body>
</html>Meta Tags
<meta charset="UTF-8"> # character encoding
<meta name="viewport" content="width=device-width"> # responsive
<meta name="description" content="..."> # page descriptionLinks and Scripts
<link rel="stylesheet" href="style.css"> # CSS file
<script src="script.js"></script> # JavaScript file
<script defer src="app.js"></script> # load after parsingCommon Elements
<div> # generic container
<span> # inline container
<a href="url">Link</a> # hyperlink
<br> # line break
<hr> # horizontal ruleLists
<ul> # unordered list
<li>Item</li> # list item
</ul>
<ol> # ordered list
<li>Item</li>
</ol>