* * *\n\nTo improve web quality, the , , and <h1> tags are all important elements.\n\n* * *\n\n## <!DOCTYPE> Element\n\nAll HTML and XHTML pages should use the <!DOCTYPE> element to define which HTML version they comply with.\n\nThe doctype defines the HTML version you are using and provides crucial information to the browser so it can render your page more quickly and consistently.\n\nThe document type declaration also allows validation software to check the syntax of your page:\n\n### HTML 5\n\n<!DOCTYPE html>\n### HTML 4.01 Strict, Transitional, Frameset\n\n<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTMLScript 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">\n### XHTML 1.0 Strict, Transitional, Frameset\n\n<!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">\n### XHTML 1.1\n\n<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">\n\n* * *\n\n## <title> Element\n\nThe <title> element is one of the most important HTML elements. Its primary function is to describe the content of a web page.\n\nEven though the title is not a visible part of the web page, it is still important for improving website quality because it is visible in the following locations:\n\n* Search engine listings\n* The window's title bar\n* User's bookmarks\n\nTitles should be as short and descriptive as possible.\n\nWhen a user searches for websites on the internet, most search engines will display the website's title in the search results. Make sure the title matches the content of your web page. This way, users are more likely to click these links to visit your site.\n\nWhen a user visits your website, the title is visible in the window's title bar. Ensure that even if the window is minimized, the title still describes the website's content effectively.\n\nAfter a user visits your site, the web page's title is stored in their history folder (users may even bookmark the page to their favorites). For successful subsequent visits, also ensure the title clearly describes your website.\n\n**Good Title Examples:**\n\n## Examples\n\n<title>HTML Tutorial\n\nXML Introduction\n\n**Poor Title Examples:**\n\n## Examples\n\nIntroduction\n\nChapter 1\n\nRookie Tutorial has a complete set of well-organized, easy-to-understand tutorials for HTML, CSS, JavaScript, DHTML, XML, XHTML, WAP, ASP, SQL, and includes numerous examples and source code.\n\n* * *\n\n##

Element\n\nThe

element is used to describe the top-level heading on a web page.\n\nBecause some browsers display the

element in a very large font size by default, some web developers use the

element instead of

for the top-level heading. This does not affect readers, but it can confuse search engines and other software that try to "understand the structure of the web page."\n\nEnsure you use

for the top-level heading, and

and

for lower-level headings.\n\nYou can try constructing your web page based on this template:\n\n## This is the main heading\n\nSome initial text\n\n## This is a level 2 heading\n\nThis is some text. This is some text. This is some text.\n\n### This is a level 3 heading\n\nThis is some text. This is some text. This is some text.\n\n### This is a level 3 heading\n\nThis is some text. This is some text. This is some text.\n\nIf you don't like the default heading font sizes, you can change them using styles or stylesheets.

YouTip

Quality Elements