Something that web designers (even the professional ones) forget quite often is the importance of what’s known as header tags in HTML.
The header tag is as old as HTML itself. And whether you’re composing web pages from scratch or using a modernized engine such as WordPress, the header tag is still used to this day.
Why are header tags so important?
A header is not so much for the reader as it is for the search engine. When a search engine “sees” headers, it “knows” that text surrounded by that tag signifies a title.
If there is no header to signify the title, the search engine cannot distinguish it from other plain paragraph text – and that’s not good.
There are 6 header tags in total, with 1 being the largest and most important and 6 being the smallest and least important. Chances are you are only going to use 1, 2, 3 and 4.
In a very plain web page, this is how it would look:
<html>
<head>
<title>Title of web page</title>
</head>
<body>
<h1>Title of article</h1>
<p>Article content goes here.</p>
</body>
</html>
When looking at this in a web browser, the browser will automatically size up the text in the header tag and make it bold. This is completely normal.
Also remember that header tags can be styled with CSS.
Using the same example as above with added CSS:
<html>
<head>
<title>Title of web page</title>
<style type=”text/css”>
h1 {
font-family: Arial, sans-serif;
font-size: 16pt;
}
</style>
</head>
<body>
<h1>Title of article</h1>
<p>Article content goes here.</p>
</body>
</html>
The text surrounded by the header tag will be in the Arial font with a size of 16pt.
Experiment with your header tags to give them the best look you can, and always remember to use them.
Leave A Reply (No comments So Far)
You must be logged in to post a comment.
No comments yet