search
HTML tagFeb 16, 2017 pm 02:31 PM

Browser support

IE Firefox Chrome Safari Opera

All browsers support the <meta> tag.

Definition and usage

<meta> element provides meta-information about the page, such as for search engines and Description and keywords for update frequency. The

<meta> tag is located at the head of the document and does not contain any content. The <meta> tag's properties define the name/value pairs associated with the document.

Differences between HTML and XHTML

In HTML, the <meta> tag does not have a closing tag.

In XHTML, the <meta> tag must be closed properly.

Tips and Notes:

Note: The <meta> tag is always inside the head element.

Note: Metadata is always passed in name/value pairs.

Required properties

Properties Value Description
content some_text Define meta-information related to the http-equiv or name attribute

Optional attributes

namescheme

name attribute

The name attribute provides the name in a name/value pair. Neither HTML nor XHTML tags specify any predefined <meta> names. In general, you are free to use names that are meaningful to you and to readers of the source document.

"keywords" is a frequently used name. It defines a set of keywords for the document. Some search engines use these keywords to classify documents when they encounter them.

A meta tag like this may be helpful for getting indexed by search engines:

<meta>

If the name attribute is not provided, the name in the name/value pair will use the value of the http-equiv attribute .

http-equiv attribute

The http-equiv attribute provides a name for a name/value pair. and instructs the server to include name/value pairs in the header of the MIME document to be sent to the browser before sending the actual document.

When the server sends a document to the browser, it first sends a number of name/value pairs. Although some servers send many of these name/value pairs, all servers send at least one: content-type:text/html. This tells the browser to prepare to accept an HTML document.

When using the <meta> tag with the http-equiv attribute, the server will add the name/value pair to the content header sent to the browser. For example, add:

<meta>
<meta>

so that the header sent to the browser should contain:

content-type: text/html
charset:iso-8859-1
expires:31 Dec 2008

Of course, only browsers can accept these additional header fields and use them in an appropriate manner. These fields only make sense when you use them.

content property The

content property provides the value in a name/value pair. The value can be any valid string.

The content attribute should always be used together with the name attribute or the http-equiv attribute.

scheme attribute

The scheme attribute is used to specify the scheme to be used to translate the attribute value. This scheme should be defined in the profile specified by the profile attribute of the

tag.

  • Redirection example demonstrates: redirecting the user to another address when the URL has changed.










Sorry. We have moved. Your URL is http://www.php.cn/;/a>



You will be redirected to the new address within 5 seconds.



If it has been more than 5 seconds and you still see this message, please click the link above.




More HTML <meta> tags For related articles, please pay attention to PHP Chinese net!


Attributes Value Description
http-equiv
  • ##content-type

  • ##expires
  • refresh
  • set-cookie
Associate the content attribute to the HTTP header.
    author
  • description
  • keywords
  • generator
  • revised
  • others
Associate the content attribute to a name.
some_text Define the format used to translate the content attribute value.
Statement
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
What is the purpose of the <datalist> element?What is the purpose of the <datalist> element?Mar 21, 2025 pm 12:33 PM

The article discusses the HTML <datalist> element, which enhances forms by providing autocomplete suggestions, improving user experience and reducing errors.Character count: 159

What is the purpose of the <progress> element?What is the purpose of the <progress> element?Mar 21, 2025 pm 12:34 PM

The article discusses the HTML <progress> element, its purpose, styling, and differences from the <meter> element. The main focus is on using <progress> for task completion and <meter> for stati

What is the purpose of the <meter> element?What is the purpose of the <meter> element?Mar 21, 2025 pm 12:35 PM

The article discusses the HTML <meter> element, used for displaying scalar or fractional values within a range, and its common applications in web development. It differentiates <meter> from <progress> and ex

How do I use HTML5 form validation attributes to validate user input?How do I use HTML5 form validation attributes to validate user input?Mar 17, 2025 pm 12:27 PM

The article discusses using HTML5 form validation attributes like required, pattern, min, max, and length limits to validate user input directly in the browser.

What is the viewport meta tag? Why is it important for responsive design?What is the viewport meta tag? Why is it important for responsive design?Mar 20, 2025 pm 05:56 PM

The article discusses the viewport meta tag, essential for responsive web design on mobile devices. It explains how proper use ensures optimal content scaling and user interaction, while misuse can lead to design and accessibility issues.

What is the purpose of the <iframe> tag? What are the security considerations when using it?What is the purpose of the <iframe> tag? What are the security considerations when using it?Mar 20, 2025 pm 06:05 PM

The article discusses the <iframe> tag's purpose in embedding external content into webpages, its common uses, security risks, and alternatives like object tags and APIs.

What are the best practices for cross-browser compatibility in HTML5?What are the best practices for cross-browser compatibility in HTML5?Mar 17, 2025 pm 12:20 PM

Article discusses best practices for ensuring HTML5 cross-browser compatibility, focusing on feature detection, progressive enhancement, and testing methods.

How do I use the HTML5 <time> element to represent dates and times semantically?How do I use the HTML5 <time> element to represent dates and times semantically?Mar 12, 2025 pm 04:05 PM

This article explains the HTML5 <time> element for semantic date/time representation. It emphasizes the importance of the datetime attribute for machine readability (ISO 8601 format) alongside human-readable text, boosting accessibilit

See all articles

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

AI Hentai Generator

AI Hentai Generator

Generate AI Hentai for free.

Hot Tools

EditPlus Chinese cracked version

EditPlus Chinese cracked version

Small size, syntax highlighting, does not support code prompt function

VSCode Windows 64-bit Download

VSCode Windows 64-bit Download

A free and powerful IDE editor launched by Microsoft

ZendStudio 13.5.1 Mac

ZendStudio 13.5.1 Mac

Powerful PHP integrated development environment

MantisBT

MantisBT

Mantis is an easy-to-deploy web-based defect tracking tool designed to aid in product defect tracking. It requires PHP, MySQL and a web server. Check out our demo and hosting services.

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use