the <h3> html tag

Overview

In HTML h tags stand for heading and this is split into 6 different h tags (h1, h2, h3, h4, h5 and h6). The <h3> tag itself is considered to be a medium repeating sub header for a webpage. By default it is displayed slightly larger than the body text but smaller than the <h2> header. As with all h tags it is considered important for SEO.When text is put between the opening and closing <h3> tag it is displayed as a Medium heading. Unlike <h1> a <h3> tag can be used multiple times on a webpage as its job is to be the heading for a web pages sub topics.

Basic Usage

<h3>Medium header text</h3>
Any text between the opening and closing tag will be displayed as a medium heading.

Advance Usage

It is possible to style and add functionality to the <h3> tag, this is done by adding an attribute to after the h3 in the opening <h3> tag
Attributes allowed for the <h3>tag include :-class, dir, id, lang, style and title.
In most cases class and id are used and its basic usage is shown below
<h3 id=”header”>Medium header text</h3>
With all attributes there is a space after the initial h3 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 <h3> 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 <h3> 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

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

Final Thoughts

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

This article was sponsored by web design witney

Our blog

Some random stories from our blog.

Overview Keyword use in page URL is a technique much in the same vein as Keyword use in domain name. There is currently no evidence that Google is penalising sites which place keywords in the URL of the webpage, but this should be reviewed over time with regards to how important this ranking factor will be going forward. The importance of keywords in the domain name The below is an extract from the article which details the history if keyword in Domain name. Much of the below can apply to keyword use in URL but as with domain name should be reviewed in light of the recent Google EMD update. Originally it took a lot of money, time and effort to create a website. During this period people who had invested in a domain name which matched what they did was seen to have benefits and reinforce the likely content…

Therapy and crisis counselling still is stigmatised by many, which made the design and creation of the site interesting as well as being a very worthwhile project to be involved in. At the initial brief it was very clear that counselling is not only a very personal service but the service is used by all levels of society and as such the site needed to reflect this. Using warm neutral visuals that complimented the colour and feel of the logo was matched by a very personal blog style site, which allowed people visiting the site to know they were dealing with a real qualified person. As with all sites developed by Websites by Mark both large and small, the same quality and care is shown and this was indeed the same in Mary’s case. As with many of Websites by Marks projects, design and build was complete on time and…

For many years the traditional way of making sure your website was seen all over the world was to make sure your site ranked well on Google. By use of Back links, Page Rank and SEO, this set of techniques has become a black art known to a few gurus. With the introduction of Google Caffeine update is this about to change? How it started In 1998, the year Google was founded no-one could have predicted the growth of the internet and the importance of companies like Google to all our lives. Within a short period of time Google had indexed vast quantities of information and companies began to see the value of being included in the Google search results. With so many websites listed, it became vital if you wanted to have visitors, you had to be listed on Google front page. From this moment the term SEO or…

Overview The <em> HTML tag is known as a phrase tag, it is mainly used to style text. By default it makes text italic to emphasize the look of the tagged text. It works equally as well in table based layouts as well as CSS based ones. As with all phrase based HTML tags it can be used in situations where consistancy between browsers is difficalt to acheive in other ways. When text is put between the opening and closing <em> tag it is displayed as a emphasize text. Basic Usage <em>Some emphasize text in here</em> Any text between the opening and closing tag will be displayed as a emphasize text. Advance Usage It is possible to style and add functionality to the <em> tag, this is done by adding an attribute to after the p in the opening <em> tag Attributes allowed for the <em>tag include :-class, dir, id,…

UK based Yell.com the internet arm of the yellow pages directory has been slowly moving to increase what services it offers to the online world. Recently it unleashed SEO Web Pages to a limited amount of clients. This service offers the promise of professional SEO for all those who pay for advertising with Yell. Is this a breakthrough service or do SEO companies have nothing to fear? Video killed the radio star Back in 1883 a USA company made the decision to print its business directory on yellow paper due to paper supply and the Yellow Pages as we know it today was born. Since then the popularity of the publication has gone from strength to strength and is available in many countries across the world. Indeed before Google, if you wanted to advertise a product or service the Yellow Pages was the platform of choice. Next generation platform Within…

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

The <h3> html tag