Meta Tags and The Head of HTML Documents
► The head section of an HTML document contains special information about the document, including the title of the web page, links to stylesheets, and links to external resources like fonts.
The title of the page is what is shown in the browser tab, and it is also what is shown as the title of Google search listing results.
The head also contains meta tags that provide information that helps the browser and search engines to understand the page content contextually.
In this video, we will examine the most common meta tags and learn how to add CSS, and JavaScript to our web pages.
► Timestamps:
0:00 Start
0:39 The title element
1:26 The wide variety of meta tags
1:58 Over to VS Code
2:26 The lang attribute
3:03 Open the file with Live server
3:32 The meta description tag
4:01 Maximum characters in a description
5:15 Exploring common meta tags
7:30 Meta tags are self closing
7:50 The meta Author and Keyword tags
9:06 Including external CSS & JavaScript files
11:15 Summary
► Get the code:
Repo: https://github.com/craigabourne/html-...
► Links used in the video:
Meta Tags that Google Understands: https://support.google.com/webmasters...
What’s in the head? Metadata in HTML: https://developer.mozilla.org/en-US/d...
W3Schools HTML Meta Tag: https://www.w3schools.com/tags/tag_me...
► The HTML for Absolute Beginners Playlist: • HTML for Absolute Beginners
► Social Media:
/ craigabourne
/ craigabourne
► Code & Projects:
https://github.com/craigabourne
https://codepen.io/craigabourne
Watch video Meta Tags and The Head of HTML Documents online without registration, duration hours minute second in high quality. This video was added by user Craig A. Bourne 13 February 2021, don't forget to share it with your friends and acquaintances, it has been viewed on our site 5,465 once and liked it 219 people.