The <meta> tag provides information (or metadata) about the HTML document.
The <meta> tags should be placed within the head of the HTML document, they are not displayed on the page.
The "Meta" elements are generally used to enable search engines to determine the contents of your web pages and catalog them correctly.
There are many types of meta elements, which are specified by the "name" attribute. Here will be presented a few of them, the most useful meta-tags used for page indexing optimization in search engines.


<meta content="text/html; charset=UTF-8" http-equiv="Content-Type" />
<title>Page title</title>
<meta name="description" content="A short phrase that describes the content of the page" />
<meta name="keywords" content="list of words, separated by, comma" />
<meta name="abstract" content="Short description of page" />
<meta name="language" content="es" />
<meta name="author" content="Author Name" />  

The words in the <title> tag is better to be found in the "keywords" and "description" meta tags, also in the headings (<h1>, <h2>) of the page.


Here is an example of an HTML document with these meta-tags:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
 <meta http-equiv="content-type" content="text/html; charset=utf-8" />
 <title>Web courses HTML CSS PHP-MySQL JavaScript Ajax Flash</title>
 <meta name="language" content="en" />
 <meta name="description" content="Free online courses and tutorials for web developers: HTML, CSS, PHP-MySQL, JavaScript, Ajax and Flash" />
 <meta name="keywords" content="courses, html, css, php, mysql, javascript, ajax, flash" />
 <meta name="abstract" content="Free online courses and tutorials for web developers" />
 <meta name="author" content="MarPlo" />
</head>
<body>
 ... Contents that appear in the webpage coursesweb.net ...
</body>
</html>

Meta redirect

The meta-redirect tag (meta refresh) cause the visitor's browser to load a new web page after a given number of seconds.
<meta http-equiv="refresh" content="4;url=https://coursesweb.net/html/" />
The code above will redirect the visitor to the "coursesweb.net/html/" page, after 4 seconds.
- Although setting the interval to 0 or a very short time will make the redirect almost undetectable but it is not advised b the 3WC because it can cause problems if the user hits the "Back" button.

Daily Test with Code Example

HTML
CSS
JavaScript
PHP-MySQL
Which HTML5 tag is indicated to be used as container for menu with navigation links in Web site?
<section> <nav> <article>
<nav><ul>
 <li><a href="http://coursesweb.net/css/" title="CSS Course">CSS Course</a></li>
 <li><a href="http://www.marplo.net/jocuri/" title="Flash Games">Flash Games</a></li>
</ul></nav>
Which CSS property shifts an item horizontally to the left or right of where it was?
text-align clear float
.some_class {
  width: 30%;
  float: left;
}
Click on the Math object method which returns x, rounded downwards to the nearest integer.
Math.ceil(x) Math.abs(x) Math.floor(x)
var num = 12.34567;
num = Math.floor(num);
alert(num);       // 12
Indicate the PHP function which returns the number of characters in string.
mb_strlen() count() stristr()
$str = "string with utf-8 chars åèö";
$nrchr = mb_strlen($str);
echo $nrchr;        // 30
HTML Meta tags for search engines

Last accessed pages

  1. Read Excel file data in PHP - PhpExcelReader (56585)
  2. Register and show online users and visitors (22712)
  3. Form, text, textarea, file objects (521)
  4. Recursive function to create Multi-Level Menu in JavaScript (2754)
  5. Chaining Static and Public Methods in PHP (2011)

Popular pages this month

  1. Read Excel file data in PHP - PhpExcelReader (322)
  2. PhpSpreadsheet - Read, Write Excel and LibreOffice Calc files (265)
  3. Register and show online users and visitors (254)
  4. Courses Web: PHP-MySQL JavaScript Ajax HTML CSS Flash-AS3 (244)
  5. Insert, Select and Update NULL value in MySQL (157)