Latest web development tutorials

Web Quality - important HTML elements

For enhancing the quality of web, <DOCTYPE>, <title> and <h1> tags are important.


<! DOCTYPE> element

All HTML and XHTML pages should be defined in accordance with what version of HTML using <Doctype> element.

doctype defines HTML version you are using, and provide important information to the browser so it can more quickly and consistently render your page.

Document type declaration but also to verify that the software can check the syntax of the page:

HTML 5

<!DOCTYPE html>

HTML 4.01 Strict, Transitional, Frameset

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">

XHTML 1.0 Strict, Transitional, Frameset

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

XHTML 1.1

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">


<Title> element

<Title> element is one of the most important HTML elements. Its main function is to describe the content of the page.

Even if the title is not a visible part of the page, it is for the quality of the site is still important, because it is visible in the following locations:

  • Search engine listing
  • Window's title bar
  • User bookmarks

The title should be as short as possible, and having descriptive.

When a user searches on the internet site, most search engines will display the title of the website in the search results. Make sure that the content of the title and the page is consistent. In this case the user is more likely to have access to your site by clicking on these links.

When a user visits your site title in the title bar of the window it is visible. Make sure that even when the window is minimized, the title can also play a role in the content of the website description.

After the user visits your site, the page title will be stored in the history folder (Users can even put the page collection of his favorites). For subsequent successful visit also make sure the title clearly describes your site.

Excellent Title:

<Title> HTML Tutorial </ title>

<Title> XML Introduction </ title>

Examples of gaps title ::

<Title> Introduction </ title>

<Title> Chapter 1 </ title>

W3Cschool has a set of well-organized, easy to understand HTML, CSS, JavaScript, DHTML, XML, XHTML, WAP, ASP, SQL tutorials, and includes numerous examples and source code.


<H1> element

<H1> element is used to describe the top page title.

Because some browsers will default to the <h1> element is displayed as a large font, so there will be some web developers to use <h2> element instead of the <h1> element to display the top title. This will not have an impact on the reader, but will make those who try to "understand the page structure" search engines and other software confused.

Make sure that the <h1> for the topmost title, <h2> and <h3> for a lower level.

According to this template you can try to construct your page:

This is the main heading

Some initial text

This is a level 2 heading

This is some text. This is some text. This is some text.

This is a level 3 heading

This is some text. This is some text. This is some text.

This is a level 3 heading

This is some text. This is some text. This is some text.

If you do not like the default title font size, style, or you can use style sheets to change.