HTML META TAGS! 
Your Gateway to Understanding Web Metadata!
Definition and Usage
The <meta> tag defines metadata about an HTML document. Metadata is data (information) about data. It's like the secret sauce that tells browsers and search engines what your page is all about!
<meta> tags always go inside the <head> element, and are typically used to specify character set, page description, keywords, author of the document, and viewport settings. These little guys won't be seen on your page, but they're super important for machines!
| Metadata Magic | |
|---|---|
charset |
Specifies the character encoding. Think of it as the language your text uses! |
name |
Gives a name to the metadata, like description, keywords, or author. |
content |
The actual value of the metadata. This is where the juicy info goes! |
http-equiv |
Provides an HTTP header for the information. Handy for things like refreshing your page! |
More Totally Tubular Examples!
<meta name="keywords" content="HTML, CSS, JavaScript, 90s, GeoCities">
<meta name="description" content="Learn about HTML meta tags and build gnarly 90s websites!">
<meta name="author" content="The Coolest Web Designer Ever">
<meta http-equiv="refresh" content="60">
Setting The Viewport: Making Your Site Look Awesome Everywhere!
The viewport is what your users see! We gotta make sure it looks radical on all devices.
<meta name="viewport" content="width=device-width, initial-scale=1.0">
This magical tag tells the browser to set the page width to the device's width and the initial zoom level to 1.0. Totally bodacious!
Browser Compatibility 
We gotta make sure everyone can see our awesome page, no matter which browser they're using!
Always include these babies to show off your browser support:
Sections Under Construction!
Whoa there! Some parts of this page are still being built. Check back later for more radical content!
Sidebar Goodies!
Check out these cool buttons:
Rad Button! Cool Link! Awesome!
Page still loading...
1,234,567 Views!
Don't forget to:
Join the Web Ring! 
|
|
|
This page was brought to you by the glorious days of GeoCities!
Built with GeoCities.live
META TAG MASTERY