How to organize titles

1

How to organize titles in an html document? Ex: I have 2 section , 3 div , a nav , 1 aside and 3 article . So should I order titles and captions for each item or for the whole page? In other words, will each element or section have a h1 or my orientation should be relative to the general page?

<h1>PRINCIPAL</h1>
<h2>ASSUNTO 1</h2>
<h3>SUBTITULO DO H2</h3>
<h2>ASSUNTO 2</h2>
<h3>SUBTITULO DO H2</h3>
<h2>ASSUNTO 3</h2>
<h3>SUBTITULO DO H2</h3>
</section>
<section class="lado esquerdo"> <nav></nav> <aside>outros elementos e assuntos <article>outros elementos e assuntos </section>
</section>
    
asked by anonymous 11.11.2015 / 16:39

2 answers

3
  

I did not quite understand your question, but I'll try to answer what I understand.

The order of the headers h1, h2, h3, ... does not "interfere" on the page. This goes according to your layout and how you prefer. See this example with several <h1> on the page:

<h1>PRINCIPAL</h1>
<h2>ASSUNTO 1</h2>
<h3>SUBTITULO DO H2</h3>
<h1>PRINCIPAL 2</h1>
<h2>ASSUNTO 2</h2>
<h3>SUBTITULO DO H2</h3>
<h1>PRINCIPAL 2</h1>
<h2>ASSUNTO 3</h2>
<h3>SUBTITULO DO H2</h3>
</section>
<section class="lado esquerdo"> <nav></nav> <aside>outros elementos e assuntos <article>outros elementos e assuntos </section>
</section>

Now, note that if your concern is SEO , the approach changes. For this, several factors are taken into account, including <h1> . For this, one must take into account some factors, such as:

  

1 - H1 with the main idea keyword

     

2 - H2 with the keywords of the main idea elements

     

3 - H3 to further divide the elements and facilitate the understanding and visualization of people and robots.

Note a practical example of using them:

  

Suppose you want to make a car sales site called cars.com.

     

<h1>

The largest list of new, used and used cars on the internet

     

Please note in the above H1 example that some possible site keywords have been used and the text is written in a way that the user can understand.

     

<h2>

Sell Fiat Cars

     

In the H2 text we have something more specific, that is, it is a subsection of H1, and again we put some keywords of the site in the H2, this helps a lot the search engines and the user to find what they need in the site

     

<h3>

Sale of Fiat Punto Cars

     

As in H2, H3 has to be a complement to the upper H #. And this rule must be followed up to the H6 tag.

Note: You'll find more about it if you use the keyword Heading Elements or Heading Tags.

Sources:

11.11.2015 / 17:40
0

Follows what the W3C says.

Source W3C = > link

  

Use h1 for first-level headers

     

H1 is the HTML element used for first-level headers in a   Page:

     

If the document is unique in your subject, for example: Things to do   see and do in Geneva, the first-level header   is likely to be the same as the title of the document. If the document is a   of a collection on a subject, for example: a page about dogs   being part of a collection of pages about pets,   the first-level header may be a specific text referring to   to the subject; only

Dogs

while the title can be any   text for the subject: Dogs - Guide to animals of   pet. Unlike the title, this element, the, can   contain links, emphases, or other HTML phrase elements (HTML element for   phrases).      

The default font size ("default") adopted by some browsers to   , unfortunately has led some designers to adopt the. For   tools that use the structure of the page for your   performance, such as Amaya's table of contents view   (Amaya tool that relates the contents of a page) is   practice (use in place of) is harmful. Consider using   Cascading Style Sheets, which were developed to   express font sizes preferred by designers to   elements such as H1 and H2.

    
11.11.2015 / 17:13