Hallo,

Ik heb de volgende vraag.

Dit is mijn orginele code op de website:

<div id="Container">
<div id="ContentBg">
<div id="Header" class="Block">
<div class="Logo">
<a href="/"><img src="/images/logo.png" alt="fiets huren" border="0"/></a>
<br clear="all"/>
</div>


Graag wil ik het zo maken (Zie H1 en Strong regel):

<div id="Container">
<div id="ContentBg">
<div id="Header" class="Block">
<div class="Logo">
<h1><strong><?php echo"" . $rowset['headertitel'] . "";?></strong>
<a href="/"><img src="/images/logo.png" alt="fiets huren" border="0"/></a></h1>
<br clear="all"/>
</div>


Helaas als ik bovenstaande toepas dan verplaats mijn hele header zich. Ik gebruik hiervoor de volgende CSS

[code lang=css]#Header {
clear: left;
height: 150px;
margin: 0 auto;
width: 980px;
background-color:white;
}

#Header .Logo .reclame{
float: right;
width: 468px;
margin: -50px 0 0 0;
padding: 5px;
border: 1px solid #E2E2E2;
}

#Header .Logo h1{
float: left;
background: transparent;
height: 55px;
margin: 20px 0 0 0;
color: #393939;
font-family: trebuchet ms;
font-size: 35px;
text-transform: uppercase;
clear:both;
}
#Header .Logo strong{
position:absolute;
top:-999em;
left:-999em;
width:0;
height:0;
font-size:0;
line-height:0;
text-indent:-999em;
overflow:hidden;
}

#Header .Logo h2{
float: left;
background: transparent;
margin: 0 0 10px 0;
color: #565656;
font-family: trebuchet ms;
font-size: 20px;
}[/code]

Iemand een idee hoe ik de H1 als losstaande kan toepassen zonder dat effect heeft op al het overige?

Gebruik je HTML5?

Zo nee, dan mag je sowieso maar 1x <h1> op je pagina hebben staan.
Ook lijkt het me dat een plaatje niet thuishoort in een titel.
wat heeft H1 met HTML5 te maken Ozzie? Ook is het nog altijd een uitgesproken mening hoevaak je een H1 mag gebruiken, de ene zegt dat je maar 1 keer de H1 mag gebruiken de andere zegt dat je de H1 vaker mag gebruiken. Ik heb hier nog nooit een duidelijk antwoord opgevonden op het web. Zelf gebruik ik idd maar 1 keer de H1 (vaak de titel van de pagina).

Wat betreft je HTML, sorry dat ik het zeg. Dit is echt bagger HTML. Een strong in een H1? Waarom? Dit kun je via CSS doen h1 { font-weight: bold; }... Waarom een div om de logo? Je kunt de a toch een class logo mee geven? border="0" waarom, dit kun je via CSS doen img { border: 0; } etc etc


<div id="container">
	<div id="content-bg">
		<header class="block">
			<a href="/" class="logo" title="WEBSITENAAM | Startpagina">
				<img src="/images/logo-WEBSITENAAM.png" alt="WEBSITENAAM | Startpagina" /></a>
			</a>
		</header>
	</div>
</header> 


En gebruik bij het logo de websitenaam, dit is goed voor de SEO.
> wat heeft H1 met HTML5 te maken Ozzie? Ook is het nog altijd een uitgesproken mening hoevaak je een H1 mag gebruiken, de ene zegt dat je maar 1 keer de H1 mag gebruiken de andere zegt dat je de H1 vaker mag gebruiken. Ik heb hier nog nooit een duidelijk antwoord opgevonden op het web. Zelf gebruik ik idd maar 1 keer de H1 (vaak de titel van de pagina).

In HTML5 zijn er de zogehete sectioning elements (<article>, <aside>, <section>, <header>, <footer>) bij gekomen. Voor HTML5 was er maar 1 sectioning element: <body>
H1 staat voor de hoofdtitel in een sectioning element. Er kan maar 1 hoofdtitel zijn en daarom zou je in HTML4.1 (waar er maar 1 sectioning element was die maar 1x mag voorkomen) maar 1 H1 element mogen gebruiken. Aangezien je in HTML5 5 extra sectioning elements hebt gekregen die allemaal een willekeurig aantal keer mogen voorkomen mag je dus ook veel vaker een hoofdtitel van een sectie hebben.

Dit principe heet de "document outline". Zie dit artikel op HTML5doctor voor meer informatie over de verandering. En zie bijv. deze tool om de document outline van jouw HTML bestand te bekijken.

Reageren