HTML5 Document
If you created a new web page in HTML5, your <meta> tags might look like this:
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="The HTML meta tag is an element that resides within the HTML head tag.">
<meta name="keywords" content="html, meta, tag, element">
<meta name="author" content="www.techonthenet.com">
<title>HTML5 Example by www.techonthenet.com</title>
</head>
<body>
</body>
</html>
In this HTML5 Document example, we have created 5 meta tags. The first meta tag (charset) defines the character encoding for the HTML document. The second meta tag (viewport) is used when designing a responsive web site. The third meta tag (description) provides a description for the web page for the search engines. The fourth meta tag (keywords) provides keywords for the search engines. The final meta tag (author) defines the author of the web page.
HTML 4.01 Transitional Document
If you created a new web page in HTML 4.01 Transitional, your <meta> tag might look like this:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="The HTML meta tag is an element that resides within the HTML head tag.">
<meta name="keywords" content="html, meta, tag, element">
<meta name="author" content="www.techonthenet.com">
<title>HTML 4.01 Transitional Example by www.techonthenet.com</title>
</head>
<body>
</body>
</html>
In this HTML 4.01 Transitional Document example, we have created 5 meta tags. The first meta tag (charset) defines the character encoding for the HTML document. The second meta tag (viewport) is used when designing a responsive web site. The third meta tag (description) provides a description for the web page for the search engines. The fourth meta tag (keywords) provides keywords for the search engines. The final meta tag (author) defines the author of the web page.
XHTML 1.0 Transitional Document
If you created a new web page in XHTML 1.0 Transitional, your <meta> tag might look like this:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="The HTML meta tag is an element that resides within the HTML head tag." />
<meta name="keywords" content="html, meta, tag, element" />
<meta name="author" content="www.techonthenet.com" />
<title>XHMTL 1.0 Transitional Example by www.techonthenet.com</title>
</head>
<body>
</body>
</html>
In this XHTML 1.0 Transitional Document example, we have created 5 meta tags. The first meta tag (charset) defines the character encoding for the HTML document. The second meta tag (viewport) is used when designing a responsive web site. The third meta tag (description) provides a description for the web page for the search engines. The fourth meta tag (keywords) provides keywords for the search engines. The final meta tag (author) defines the author of the web page.
XHTML 1.0 Strict Document
If you created a new web page in XHTML 1.0 Strict, your <meta> tag might look like this:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="The HTML meta tag is an element that resides within the HTML head tag." />
<meta name="keywords" content="html, meta, tag, element" />
<meta name="author" content="www.techonthenet.com" />
<title>XHTML 1.0 Strict Example by www.techonthenet.com</title>
</head>
<body>
</body>
</html>
In this XHTML 1.0 Strict Document example, we have created 5 meta tags. The first meta tag (charset) defines the character encoding for the HTML document. The second meta tag (viewport) is used when designing a responsive web site. The third meta tag (description) provides a description for the web page for the search engines. The fourth meta tag (keywords) provides keywords for the search engines. The final meta tag (author) defines the author of the web page.
XHTML 1.1 Document
If you created a new web page in XHTML 1.1, your <meta> tag might look like this:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="The HTML meta tag is an element that resides within the HTML head tag." />
<meta name="keywords" content="html, meta, tag, element" />
<meta name="author" content="www.techonthenet.com" />
<title>XHTML 1.1 Example by www.techonthenet.com</title>
</head>
<body>
</body>
</html>
In this XHTML 1.1 Document example, we have created 5 meta tags. The first meta tag (charset) defines the character encoding for the HTML document. The second meta tag (viewport) is used when designing a responsive web site. The third meta tag (description) provides a description for the web page for the search engines. The fourth meta tag (keywords) provides keywords for the search engines. The final meta tag (author) defines the author of the web page.
