Ta strona używa ciasteczek (cookies), dzięki którym nasz serwis może działać lepiej. Dowiedz się więcej OK, rozumiem

[html5] Korzystanie z elementów h1-h6

Poznaj nowe sposoby wyrażania swoich pomysłów. Naucz się tworzyć nowoczesne serwisy, umożliwiające łatwy dostęp do informacji bez względu na sprzęt czy przeglądarkę użytkownika. Dowiedz się w jaki sposób wkroczyć w przyszłość korzystając z HTML5.

[html5] Korzystanie z elementów h1-h6

Post 19.10.2012, 14:20:18

Pisząc strony w starym html-u stosowałem się do zasady, że w całym dokumencie powinien znajdować się tylko jeden nagłówek h1, który stanowił logo/tytuł strony. Poniżej używałem elementów h2-h6. Spotkałem się jednak z opinią, że w html5 każdy nowy element (header, section, articles, footer, itd.) tworzy odrębną część, która może posiadać h1. Czy zakładając, że strona składa się z nagłówka, głównej treści i stopki, tak określona struktura będzie poprawna?

Kod: Zaznacz cały
      <header>
         <h1>
            <a>Nazwa strony</a>
         </h1>
      </header>
      
      <section>
         <h1>O nas</h1>
         <div>
            <h2>Kilka słów wstępu</h2>
            <p>Lorem ipsum...</p>
         </div>
      </section>
      
      <footer>
         <h1>Linki</h1>
         <a>Strona główna</a>
      </footer>
laki
Posty: 394
Dołączył(a): 13.06.2004

Re: [html5] Korzystanie z elementów h1-h6

Post 19.10.2012, 17:31:20

Wg mnie bezpieczniej używać jednak pojedynczego h1 dla strony. Zwiększenie ilości tego nagłówka nie jest zgodne z tym co zaleca wujek Google. Aczkolwiek np. stronka wordpress.com (oni zwracają na takie seo rzeczy mocno uwagę) zawiera dwa nagłówki h1 ale o podobnej treści.
Z resztą nagłówków już tak restrykcyjnie bym nie postępował.
Avatar użytkownikaJaason
Tomasz Waszkiewicz

capoeirista
capoeirista

Posty: 3511
Dołączył(a): 14.04.2002
Lokalizacja: Warszawa

Re: [html5] Korzystanie z elementów h1-h6

Post 20.10.2012, 11:29:15

Ok, czyli raczej nagłówek h1 tylko w tytule strony:

Kod: Zaznacz cały
      <header>
         <h1>
            <a>Nazwa strony</a>
         </h1>
      </header>


a w dalszej części h2-h6?

A co sądzisz o czymś takim:

Kod: Zaznacz cały
<a><div>Blok</div></a>


podobno jest to teraz dozwolone w html5?
laki
Posty: 394
Dołączył(a): 13.06.2004

Re: [html5] Korzystanie z elementów h1-h6

Post 21.10.2012, 23:38:29

Zgadza się, w HTML5 można już używać takich elementów. Wg mnie brzydko to wygląda i tego diva starałbym się wyrzucić za wszelką cenę i stylować wg np wcześniejszego id-ka.
Avatar użytkownikaJaason
Tomasz Waszkiewicz

capoeirista
capoeirista

Posty: 3511
Dołączył(a): 14.04.2002
Lokalizacja: Warszawa


Powrót do HTML i XHTML


 


  • Podobne wątki
    Odpowiedzi
    Wyświetlone
    Ostatni post

Kto przegląda forum

Użytkownicy przeglądający ten dział: Brak zidentyfikowanych użytkowników i 1 gość

Hosting, Domeny, SSL

Subskrypcja

Mamy 50337 zarejestrowanych użytkowników.
Najnowszy użytkownik: AnjaStou


Nasi użytkownicy napisali:

  • 935484 wiadomości
  • w 246490 tematach

Najnowsze wpisy na blogu

Najnowsze artykuły

Najaktywniejsi (ostatnie 30 dni)