Semantyka <hgroup>

[Morfeusz_2005]

Witam. Mam załóżmy taki kod:

Kod:

<hgroup>
<h1><img src="/jakisobrazek.png" alt="Tytul strony" /><h1>
<h2>Podtytul strony</h2>
</hgroup>

I teraz pytanie. Czy semantycznie jest ok i można wrzucać obrazek do <h>.
I jak to ma się od strony pozycjonowania, czy roboty dobrze wyłapują jako <h1> alt obrazka jako tytuł strony?

[hieroshima]

Ad 1 Jak najbardziej ok i tak powinno się robić (tytuły + podtytuły lub tytuły + metadane)
http://html5doctor.com/the-hgroup-element/

Ad 2 Nie zauważyłem problemów z wyłapywaniem altów obrazka. Działa to jak najbardziej ok i ja osobiście często tak robię. <h1><a href="" title="tytuł strony"><img src="" alt="tytuł + kilka kluczowych słów" /></a></h1> no i stosuj hierarchię nagłówków. Na stronie raczej powinien być jeden <h1> własnie jako główny tytuł reszta wg. uznania i zastosowania

[Morfeusz_2005]

A Outline Model stosowany w nagłówkach <h>?

http://html5doctor.com/outlines/
http://gsnedders.html5.org/outliner/

Jeżeli jest dobrze zachowany, to nie ma podobno problemu z używaniem kilku <h1>.

[hieroshima]

Jeżeli otuline jest dobrze to jest ok, ale po co w nagłówkach treści używać <h1> ? Dla mnie <h1> to jest takie wyróżnienie na maxa jak tytuł całego dokumentu, całej pracy, całej ustawy itd. reszta zawsze pod niego podlega i ma w kontekście globalnym dużo mniejsze znaczenie, a w kontekście lokalnym większe

[Morfeusz_2005]

Czyli załóżmy nagłówki artykułów lepiej dawać jako <h2>?

[hieroshima]

Tak, przynajmniej jak dla mnie. Jest to logiczna hierarchia.

[Kartofelek]

Swoją drogą http://html5doctor.com/the-hgroup-hokey-cokey/
Ja tam trochę nie rozumiem sensu grupowania nagłówków. Hej - tutaj mam kolekcję Hx. Fajnie nie?

[hieroshima]

Głównym sensem <hgroup> jest generowany outliner np. dla screenreader'ów. Może taki artykuł trochę lepiej to opisuje niż html5doctor

http://webdesign.about.com/od/html5tutorials/a/use-hgroup-element.htm

[Kartofelek]

No właśnie:

There is some controversy surrounding the HGROUP element because some members of the WHATWG and W3C (the people writing the HTML5 standard) do not believe that it is a useful element and would like to have it removed from the specification. If you use the HGROUP element and want to keep your documents valid HTML5, you should pay some attention to the specification, but it’s a good possibility that the element will make it into the final draft. It is part of the working draft as of November 2011, and even with the controversy, I don’t think it will be removed.

Później masz taki przykład:

Kod:

<h1>This is the Page Headline</h1>
<h2>My First Article</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<h3>A Subhead for the Article</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<h3>A Second Subhead</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<h2>My Second Article</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>

Czyli rozumiem, że pierwsze h1-h2 idzie w hgroup a reszta już nie? Troszkę to głupie. To już imo lepiej h2 w header a reszta normalnie. Potem np od drugiego h2 idzie kolejny article itp.

[hieroshima]

Chciałem właśnie ten fragment Ci zacytować , ale wolałem cały artykuł podesłać. No jest to troche dwojakie i spory o to pewnie zawsze będą. Jedni, że nic nie daje, inni, że coś daje. Ogólnie nie powinno się nadużywać, ale nieważne czy daje czy nie ważne, że się przydaje czasami i otuliner ładnie wygląda i screenreadery fajnie to obsługują. Także jak strona ma wspierać screenreadery i jest masa tekstu, dużo działów itp. to jak najbardziej.

Co do twojego przykładu to troche racji w tym jest, ale znowu używać header do każdego artykułu tylko po to żeby wstawić tam jeden <hx> też troche nie bardzo. Wszystko zależy od podejścia w sumie. Możesz nie używać headerów, a zamiast tego użyć hgroup z dwoma-trzema elementami <h>, albo używać headerów i zrobić tak jak mówisz- tytuł artykułu do headera.