The Meta Element

If you remember from a few Topics back, we explored how meta elements are placed inside of the <head> element, and briefly described what role they perform. Let’s dig a little deeper into this concept.

The <meta> element describes metadata about an HTML page. This metadata is not displayed to users, but used by browsers and search engines. This may describe what character encoding the document contains, the published date, author information, descriptions for search engines, keywords, etc.

The meta element is an “empty element.” As such, no closing tag is necessary. Also, as with form elements, metadata is always passed as a name=”value” pair. Typically via the name="" and content="" attributes.

Important <meta> elements are always placed inside the <head> element.

<!DOCTYPE html>
    <!-- Meta data and information about your site, not visible to visitors. -->