25.08.2016

10 basic steps for a perfect html5 structure for a blog. Step 1

10 steps are 10 implementations of an html5 base code to create a blog page rich and full of information

Intro

We now try to clean up after we have read and studied many of the theses that overlap to define a good structure for the html page of a blog.
The following is a basic structure, simple and clear, perfect to be the working base for an enrichment of the code such as to make it perfectly indexable for multiple functions and ready for multiple purposes:

<html>
<head></head>
<body>
	<header></header>
	<section>
		<article></article>
	</section>
	<aside></aside>
	<footer></footer>
</body>
</html>

The code above shows just signed a framework html5 very simple and consists of only eight different html tags: html, head, body, header, section, article, aside, footer.

Html tag

The <html> tag is the root it wraps any other tag

Head tag

The <head> tag is usually the metadatas, scripts and stylesheets container. The head Tagcome before the body tag.

Body tag

The <body> tag is the visible page container, the body Tag contains all the html and html5 tags to create a proper map for the page.

Header tag

The <header> tag is considered as an introduction to the main page section, it usually contains basic website information as, for example, title and logo and it contains the primary site navigation items.

Section tag

The <section> tag is an html5 tag and it highlights in the page different sections for different concepts

Article tag

The <article> tag is an html5 tag and defines the document portion with a single, unique and independent content and concept that is usually realted to 4 specific web sources: forum, blog, comments and news.

Aside tag

The <aside> tagdefinisce un contenuto correlato al contenuto principale. Si trova solitamente in posizione decentrata e propone spunti per la prosecuzione della navigazione o una navigazione alternativa.

Footer tag

the <footer> tag is the container to close the page and usually show contacts information, the copyright, the site map, related contents and links to come back to the top of the page

The base structure

This html5 basic structure is minimal and in itself does not offer anything more than a starting point to begin to enrich the code but it is a good start because experience tells us how simple it is to get lost in enriching a web structure when you have to find ways to combine technical requirements with requirements of graphical and stylistic and SEO optimization.

At this point, it is enough to say that these are the containers needed to allocate all the elements that make up the blog page-level content, graphic design and code, useful to search engines.

commenti

Menu
Find out more