What is the difference between the div, section, article tags…

Except for

, all the other tags you comment are semantic and were introduced in HTML5. Semantics have no application when it comes to displaying the label, I mean in its visual representation, but it can help different systems to understand the content that is hosted in each block of a web page.

If we use

to dry, we are not indicating to anyone the sense or meaning of the content housed in that tag. No one who is not a human and seeing the context of the content itself would be able to say for sure that this

is an important content, an accessory, if it is a footer or a section browser.

However, if we use

for example, we are indicating that this tag is a main content. If we use

we can indicate that it is an article, maybe one of several items that are represented in a list. For example

is a section of content about something being talked about… and so on.

Examples of systems that can benefit from the use of semantic tags are browsers for the blind, which can inform the user of the meaning that each content makes. But, above all, search engines like Google, for example, benefit a lot from semantic tags when interpreting the content of a page. Asço Google will be able to better know the value of each block and the function it performs within the web.

There is an article already posted that explains the .

Loading Facebook Comments ...
Loading Disqus Comments ...