Easy Tutorial
Quality Styles Quality Standards Quality Tutorial Quality Readability Quality International Quality Elements Quality Accessibility
❮ Quality International Quality Accessibility ❯

Web Quality - Important HTML Elements

To enhance web quality, <DOCTYPE>, <title>, and <h1> are crucial tags.

<!DOCTYPE> Element

All HTML and XHTML pages should use the <Doctype> element to define which version of HTML is being followed.

The doctype defines the HTML version you are using and provides important information to browsers for faster and more consistent rendering of your pages.

The document type declaration also allows validation software to check the syntax of the page:

HTML 5

HTML 4.01 Strict, Transitional, Frameset

XHTML 1.0 Strict, Transitional, Frameset

XHTML 1.1

<title> Element

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

Even though the title is not a visible part of the web page, it is still important for enhancing website quality because it is visible in the following places:

The title should be as short and descriptive as possible.

When a user searches for websites on the internet, most search engines display the website's title in the search results. Ensure that the title matches the content of the web page, so users are more likely to click on these links to visit your site.

When a user visits your website, the title is visible in the window title bar. Ensure that even when the window is minimized, the title still describes the website content.

After a user visits your website, the web page title is stored in the history folder (users may even bookmark the page). For successful subsequent visits, ensure the title clearly describes your website.

Good Titles:

<title>HTML Tutorial</title>

<title>XML Introduction</title>

Poor Titles:

<title>Introduction</title>

<title>Chapter 1</title>

tutorialpro.org has a well-organized and easy-to-understand set of HTML, CSS, JavaScript, DHTML, XML, XHTML, WAP, ASP, SQL tutorials, with many examples and source code.

<h1> Element

The <h1> element is used to describe the top-level heading on the web page.

Since some browsers display the <h1> element in a very large font by default, some web developers use the <h2> element instead of <h1> to display the top-level heading. This does not affect readers, but can confuse search engines and other software trying to "understand the web page structure."

Ensure that <h1> is used for the top-level heading, and <h2> and <h3> for lower levels.

You can try to structure your web page according to this template:

| 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 heading font size, you can change it using styles or style sheets.

❮ Quality International Quality Accessibility ❯