DOM (Document Object Model)
Clean Code – works on as many browsers as possible
Dom provides common tree-like structures that we can prove to be valid or invalid.
Three parts of a well-formed document:
- Doctype
- Version of HTML that you will be using.
- Head
- contains Metadata (not visible on the website)
- Body
- Displayable content
Doctype
<!DOCTYPE html>Head
- Metadata – language, title
- Supporting files – JavaScript, Styling, Add-ons
- Not displayed on the website
<!DOCTYPE html>
<html lang="en" class="scroll-smooth"> /* language */
<head>
<meta charset="utf-8"> /* keyboard type, always use this*/
<title>HTML <head> Tag - Usage, Attributes, Examples</title> /* Title */
<meta name="description"
content=" The <head> tag contains technical information about the web page, referred to as metada. Tag description, attributes and using examples. ">
<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
<meta property="og:url"
content="https://www.w3docs.com/learn-html/html-head-tag.html" />
<link rel="stylesheet" href="/build/css/tailwind.542c9124.css">
<script src="/build/runtime.9051a942.js" defer></script><script src="/build/app.7c6aed06.js" defer></script>
</head>Markup Validation Service – https://validator.w3.org
