a h of h a ?
<h1><a href="/mijn_url">Linkbare kop</a></h1>
of
<a href="/mijn_url"><h1>Linkbare kop</h1></a>
Of maakt het niks uit?
Gewijzigd op 03/10/2012 13:08:33 door Sander Z
En je a.h1_link:link, a.h1_link:visited e.d. stylen via css?
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<html>
<head>
<style>
a {
background-color: #9999ff;
}
h1 {
background-color: #ff9999;
text-align: center;
}
</style>
</head>
<body>
<a href="#"><h1>Titel 1</h1></a>
<h1><a href="#">Titel 2</a></h1>
</body>
</html>
<head>
<style>
a {
background-color: #9999ff;
}
h1 {
background-color: #ff9999;
text-align: center;
}
</style>
</head>
<body>
<a href="#"><h1>Titel 1</h1></a>
<h1><a href="#">Titel 2</a></h1>
</body>
</html>
Bij de eerste link is de hele lijn klikbaar, bij de tweede enkel de tekst.
Gewijzigd op 03/10/2012 16:36:14 door Kris Peeters
Volgens Sander Z de laatste methode, maar waar hij dat op baseert weet ik niet.
Code (php)
1
<h1><a href="/mijn_url">Linkbare kop</a></h1>
juist, dus ik zou die maar aanhouden als je geen fouten wil hebben
Je wilt immers alles van de <h> kunnen aanklikken. Ook padding/plaatje etc, die niet in de tekst staat. Een achtergrondafbeelding in de <h> hoort wel bij de <h>... dus waarom mag ik daar niet op klikken?
Even buiten het feit dat een <a> niet bij een <h1> past.
(Ik zie overigens systemen als Joomla die een h1 kop van een artikel laten linken naar... zichzelf!!)
Of is het om SEO voor de gek te houden?
en onderaan op
http://www.w3.org/TR/2012/WD-html5-20120329/the-a-element.html#the-a-element
Gewijzigd op 03/10/2012 23:43:45 door Joey Drieling
Zie: http://www.w3.org/TR/2012/WD-html5-20120329/the-h1-h2-h3-h4-h5-and-h6-elements.html#the-h1-h2-h3-h4-h5-and-h6-elements
PS
Google vind meerdere h1 nog steeds niet fijn.
Gewijzigd op 04/10/2012 07:09:18 door Joey Drieling
Inline elementen mogen niet een block element omvatten
Stel <a> is een inline element en <b> is een block element dan mag <a><b></b></a> niet en <b><a></a></b> wel. Anders is het gewoon echt fout volgens de HTML regels.
Meerdere Heading level 1
Dit werd altijd als fout gezien, alleen in HTML5 hebben we de sectioning elements (<article>, <header>, <aside>) deze elementen geven een nieuwe sectie aan. Hierdoor veranderd de document outline en is meerdere Heading Level 1 toegestaan en aangeraden. Helaas is dit nu nog geen goed idee, meer informatie: http://html5doctor.com/outlines/