3:e tycker jag... beror på faktist... <p> är ju stycken brukar man delar upp det som iallafall... så :D inget är fel direkt... beroende på hur resten av sidan är...
2:an - Kan ju faktist vara 2 <h1> taggar och då är inte den heller fel :D
Jag tycker nog att 2:an är känns bäst. Om navigationen ligger sist så känns den mer som en del av dokumentet, om den ligger innan h1-taggen känns det mer som en del av hela webbplatsen, och inte bara det aktuella dokumentet.
Det brukar vara lite diskussioner om vad som är bäst. Personligen tycker jag det är bäst att dela upp menyn på något sätt så alla länkar som är interna finns överst, men med en länk (skippa-meny-länk) som går direkt till innehållet, för min del oftast till h2, så användaren snabbt kan ta sig dit, bra bl.a för små webläsare och för screenreaders. Därefter huvudrubriken med ev. underrubrik och paragrafer efter varje underrubrik. h1 är ju ofta gömd i t.ex loggan eller företagsnamn eller något liknande, men som blir synlig utan css och är lika på varje sida. Fast det behöver ju inte vara så.
Sist alla externa länkar...
Det är så jag brukar göra och det anses nog för helfel av en del. På samma sätt som att nog väldigt många, kanske de flesta anser att menyn ska vara i botten. :h
Men om du inte har sitenamnet i en rubrik, vad använder du då?
Problemet är att HTML i grund och botten är ett dokumentspråk och inte ett hemsidespråk. En hemsida är inte alltid så lik ett "dokument".
Alternativ inkluderar:
<h1>Sajtnamn / Logga</h1>
<ul><li>Meny / Navigering</li></ul>
<h2>Rubrik till just denna sida</h2>
<p>Denna sidas innehåll</p>
<h1>Rubrik till just denna sida</h1>
<div>Sajtnamn / Logga</div>
<p>Denna sidas innehåll</p>
<ul><li>Meny / Navigering</li></ul>
Jag tycker att om navigeringen består av några få länkar kan man lägga det före huvudinnhållet, men om det är en jättemeny skulle jag placera det efter huvudinnehållet. Det är oftast huvudinnehållet man vill åt först när man går till en ny sida.
När man funderar runt dessa frågor, och undrar vad som ska vara med och inte och funderar på om man glömt något så tycker jag denna länk är jättebra. När man testar sidan så får man en ruta uppe i högra hörnet och i första kolumnen visas hur användarvänlig sidan är rent kodmässigt, och i den andra vad man ska kolla med ögonen.
Går att ladda hem till ff. testsides-länk
