Combining html5 tags for web design

Matt

Global Mod
Staff Member
Joined
Jul 1, 2012
Messages
82
Points
18
Hi
The previous post we learned about using html5 for web design, website layout with html5 ... Maybe you also noticed the difference the most basic of HTML4 and HTML5 is making <section> tag, <header>, <article>, <aside>, <footer>, <nav> ... replace <div>. So when html5 popular <div> tag will no longer exist, can not completely replace the div tag with another, so how to combine them, this article will share to us the difference and suggestions for the combination of the tag on.

First invite you to explore the use of the tag:

<div>: used to contain the content of all types and location.
<header> - html5: exclusively used to present content on the same
<nav> - html5: showing horizontal menu for site
<aside> - html5: specialized frame shows the part of fixed content but does not change as the sub-menu in the column right, left, ...
<section> - html5: demonstrate a specific content
<article> - html5: demonstrate an independent section of the site, which may include several section and vice versa.
<footer> - html5: shows the contents in the footer.
Find about the new tag, people see that <div> previous one with the attributes id, class together. Now add the tag html5 fact that div, but they only format available to the cutting position more tiring web and then more particularly (because the whole div before a site is really tired right).
So <div> will be forgotten for affordable, really can not miss the cut by habit html can even completely replace the div with the section. But more important than all that we need to learn is how to combine but the tag on the back for the best.
War <div>, <section>, <article> ... probably not very critical because they can work together quite well, lighter and helps support Nhut cut eye.
The suggestion to incorporate the tag on:
Before, people were used to cut all the html is <div>, although id, class, but also difficulties, now you can combine as a sequence tag on that myself find most . The following are suggested:
Hint 1:
Rather tag <header>, <footer>, <nav> positions analogues.
Change the location tag <aside> fixed content pages
Rather <article> tag position change content
<section> will replace large items inside of the article, aside
These small items in the section we use div for flexibility and easy.
This is very convenient and easy to use query by spraying the tag on the site, the less we use div tag should be very flexible. But one point is that if website is a bit complex structure is quite difficult to apply.

Hint 2:
Use the new tag from html5 for additional fixed and what is shown in the template, that is all what the template does not use the div that only use the new tag.
Likewise the change from the inside pages, then you just use div, and modify so every time we can look at the tag is known to edit out or page template.
Html5 is not the successor to last, it is important that you people know how to web design combines web and choose the most appropriate cut. These are just suggestions, you just create a home for himself.
 
Last edited:

Marc0

Well-known member
Registered
Joined
Jun 6, 2012
Messages
890
Points
28
nice tips, html5 is new and I use less this tags for my site
 

fab

Member
Registered
Joined
Nov 16, 2012
Messages
27
Points
0
Hi
The previous post we learned about using html5 for web design, website layout with html5 ... Maybe you also noticed the difference the most basic of HTML4 and HTML5 is making <section> tag, <header>, <article>, <aside>, <footer>, <nav> ... replace <div>. So when html5 popular <div> tag will no longer exist, can not completely replace the div tag with another, so how to combine them, this article will share to us the difference and suggestions for the combination of the tag on.

First invite you to explore the use of the tag:

<div>: used to contain the content of all types and location.
<header> - html5: exclusively used to present content on the same
<nav> - html5: showing horizontal menu for site
<aside> - html5: specialized frame shows the part of fixed content but does not change as the sub-menu in the column right, left, ...
<section> - html5: demonstrate a specific content
<article> - html5: demonstrate an independent section of the site, which may include several section and vice versa.
<footer> - html5: shows the contents in the footer.
Find about the new tag, people see that <div> previous one with the attributes id, class together. Now add the tag html5 fact that div, but they only format available to the cutting position more tiring web and then more particularly (because the whole div before a site is really tired right).
So <div> will be forgotten for affordable, really can not miss the cut by habit html can even completely replace the div with the section. But more important than all that we need to learn is how to combine but the tag on the back for the best.
War <div>, <section>, <article> ... probably not very critical because they can work together quite well, lighter and helps support Nhut cut eye.
The suggestion to incorporate the tag on:
Before, people were used to cut all the html is <div>, although id, class, but also difficulties, now you can combine as a sequence tag on that myself find most . The following are suggested:
Hint 1:
Rather tag <header>, <footer>, <nav> positions analogues.
Change the location tag <aside> fixed content pages
Rather <article> tag position change content
<section> will replace large items inside of the article, aside
These small items in the section we use div for flexibility and easy.
This is very convenient and easy to use query by spraying the tag on the site, the less we use div tag should be very flexible. But one point is that if website is a bit complex structure is quite difficult to apply.

Hint 2:
Use the new tag from html5 for additional fixed and what is shown in the template, that is all what the template does not use the div that only use the new tag.
Likewise the change from the inside pages, then you just use div, and modify so every time we can look at the tag is known to edit out or page template.
Html5 is not the successor to last, it is important that you people know how to web design combines web and choose the most appropriate cut. These are just suggestions, you just create a home for himself.
Thanks for Share. Html 5 is new version of html and Supported by top browsers .
 

annahussy

Member
Registered
Joined
Nov 30, 2012
Messages
32
Points
0
You share here such a good information about HTML5 and about its tags. HTML 5 is the newest version of HTML that include many of new tags in it which is useful for making website more attractive. Thanks for sharing this tips here that will be useful for making website and know about all HMTL5 tags.
 
Newer Threads
Replies
2
Views
3,276
Replies
21
Views
9,492
Replies
7
Views
5,127
Replies
8
Views
4,369
Latest Threads
Replies
1
Views
27
Replies
0
Views
190
Replies
1
Views
40
Replies
2
Views
83
Recommended Threads

Latest postsNew threads

Latest Hosting OffersNew Reviews

Sponsors

Tag Cloud

You are using an out of date browser. It may not display this or other websites correctly.
You should upgrade or use an alternative browser.

Top