the <h6> html tag

In HTML h tags stand for heading and this is split into 6 different h tags (h1, h2, h3, h4, h5 and h6). By default it is displayed as bold and much smaller version of the body text. As with all h tags it is considered important for SEO.When text is put between the opening and closing <h6> tag it is displayed as a Small heading. Unlike <h1> a <h6> tag can be used multiple times on a webpage as its job is to be the heading for a web pages sub topics. The <h6> tag is not used often due to 5 other h tags being available.

Basic Usage

<h6>Smallest header text</h6>
Any text between the opening and closing tag will be displayed as a very small heading.

Advance Usage

It is possible to style and add functionality to the <h6> tag, this is done by adding an attribute to after the h6 in the opening <h6> tag
Attributes allowed for the <h6>tag include :-class, dir, id, lang, style and title.
In most cases class and id are used and its basic usage is shown below
<h6 id=”header”>Smallest header text</h6>
With all attributes there is a space after the initial h6 then the attribute name, then an equal’s sign and the identifier of the attribute in double quotes.
Both id and class attributes refer to CSS styling of the element and is either stored in the <head> of the webpage on in an external file.
With id this usually refers to a single instance on a page where as class usually refers to a repeating element on a page, it is for this reason for the <h6> tag the class attribute is nearly always used over the id attribute although in practice it makes no difference.
The attribute style allows you to include css style information for a single <h6> tag.
The dir attribute allows for left reading and right reading text, lang allows you to specify a language for the tag and title allows you to include extra information for a tag.
It is possible to attach scripts to tags, as well adding functionality to a webpage, these scripts tend to be written in Javascript and therefore outside the scope of this document

Examples

<h6>Smallest header text</h6> – basic usage example.
<h6 id=”header>Smallest header text</h6> – heading 6 which is styled by the id header.
<h6 class=”headerclass”> Smallest header text </h6> – heading 6 which is styled by the class headerclass.
<h6 id =”header” class=”headerclass”> Smallest header text </h6> – heading 6 which is styled by the class headerclass and the id header.
<h6 style="color:#F00">Smallest header text</h6> – heading 6 which has a custom colour of red.
<h6 dir="rtl">Smallest header text</h6> – heading 6 where the text reads from right to left.
<h6 lang="uk">Smallest header text</h6> – heading 6 where the language has been tagged as UK.
<h6 title="ptitle">Smallest header text</h6> – heading 6 where the tag has been titled ptitle.

Final Thoughts

Touching on just the surface of the <h6> HTML tag it is easy to see how versatile it is. To take full advantage of it an understanding of CSS is an advantage.

Our blog

Some random stories from our blog.

Overview In the last ten years there has been a vital social change in the form of social networks. First started as a way to connect people, they have changed to include such things as social gaming and more recently have been seen as trusted and rapid sources of news. Google now treats links from these sources as a gauge of popularity and as such should not be ignored with regards to search engine optimisation. The importance of mentions on social sites The importance Google and to some extent other search engines put in these social signals is due to the wide acceptance of social media in general. Due to the sheer scale of membership of these social networks means if a proportion of the network tweets or mentions a story, search engines like Google can take the story as not only being serious but because a large proportion of…

Overview Google, also know originally as an information engine was set up to locate the information people wanted to find. A HTML webpage has several parts to it, of which the <body> tag contains most of it. It’s in the Body tag section which the web browser shows what is considered as the webpage. It is therefore no surprise that Google looks as this aspect when deciding on how to rank a webpage. History of the <body> tag The <body> tag is one of the core HTML tags which have been within HTML pages since day one. Most of code used to display a page is contained within this section. It is for this reason Google places great weight on the content within this section. To some degree Google has now gone full circle with its approach. In the beginning pretty much only the on page copy was considered for…

Google recently gave the world a glimpse of where it sees news going in the future. With Living Stories, has Google unleashed the start of Minority Report style newspapers, or is there danger of good news reporting dying? Electronic paper, just add batteries Electronic paper and readers have been available for a while now and currently offer the user the chance to view copy electronically, where these devices differ from Smart Phones and computers, are their ability to be a user comfortable format, and in addition use very little in the way of power, making them the ideal replacement for a commuters book or newspaper. On the horizon are thinner, paper like readers, that have colour displays and will have the ability to show video, giving the user a truly sci-fi like experience. Personalised news and content for the masses Google have not been backwards with realising the idea of…

The Posy Pad is a new florist based in Carterton (Near Witney) creating stunning floral treats for every occasion. Vicky wanted to show that not only is her service bespoke, but wanted the website to shout the values of a business with traditional values like service. Vicky felt strongly that the website should look clean and simple, and initially wanted little more than a business card on the web. The website was completed in days, and included was the tools for Vicky to see the breakdown of visitors coming to her new site. Within weeks traffic generated by the website turned into sales, and Vicky then came back with a view to maximising the effect she had already seen. Vicky had already been very pro active on social networks like Facebook, and had already uploaded a lot of portfolio shots for contacts to see. This in itself had the effect…

Overview Having the body copy in a web page all displayed as the same size is often normal, but there are times where by making certain parts of the copy slightly smaller, visually breaks up the text and makes it easier to read. In HTML the <small> tag can be used for this. The <small> tag is one of the original ways to format text and more recently CSS and other tags have reduced the importance of this tag. It is still a good tag when used correctly. When text is put between the opening and closing <small> tag it is displayed as small text. The <small> tag can be used multiple times on a webpage and can be nested inside other tags for dramatic effect. Basic Usage <small>Some small text</small> Any text between the opening and closing tag will be displayed as a large heading. Advance Usage It is…

the <h6> html tagWebsites by Mark - 7 Woodrush gardens, Carterton, Oxfordshire. OX18 1JE

The <h6> html tag

Basic Usage

Advance Usage

Examples

Final Thoughts

Our blog