I need to make my mind clear about HTML doctypes. in this page: http://kovo.intl.uk.to I add breadcrumbs navigation using RDFa. but then page was no more valid. I googled and I found out to change doctype to:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML+RDFa 1.0//EN" "http://www.w3.org/MarkUp/DTD/xhtml-rdfa-1.dtd">
Now the page is 100% valid, but what means XHTML and such LOW number? At my webpages I am using HTML 4.01 strict due I write pages mostly in Slovak for Slovak people and what I see on some computers and how they are used is "stone age" (Windows XP + ie8 in better case :D).
Is this correct solution and what affects have doctypes to users or search engines ?
Try to use this
<!DOCTYPE html>
<html vocab="http://www.w3.org/2011/rdfa-context/rdfa-1.1">
<head> <title>Kovove webstránky</title>
<!-- Just for validation purpose the if clause -->
<!--[if IE]><meta http-equiv="X-UA-Compatible" content="IE=edge" /><![endif]-->
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<link rel="stylesheet" href="../css/main.css" />
<script type="text/javascript" src="../js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="../js/anim.js"></script>
</head>
<body>
<div class="pagewrap">
<div class="menu vrch">
<div class="aktivna">
<a class="pol" href="http://kovo.intl.uk.to/index.php"><span>Domov</span></a>
<a class="arrowh" href="http://kovo.intl.uk.to/index.php">
<span></span>
<span></span>
</a>
</div>
<div class="">
<a class="pol" href="http://kovo.intl.uk.to/tvorba"><span>Tvorba</span></a>
<a class="arrowh" href="http://kovo.intl.uk.to/tvorba">
<span></span>
<span></span>
</a>
</div>
<div class="">
<a class="pol" href="http://kovo.intl.uk.to/blog"><span>Blog</span></a>
<a class="arrowh" href="http://kovo.intl.uk.to/blog">
<span></span>
<span></span>
</a>
</div>
<div class="">
<a class="pol" href="http://kovo.intl.uk.to/ine"><span>Daco iné</span></a>
<a class="arrowh" href="http://kovo.intl.uk.to/ine">
<span></span>
<span></span>
</a>
</div>
</div>
<div class="menu nalavo">
<div class="aktivna">
<a class="ico" rel="nofollow" href="">
</a>
<a class="arrow" rel="nofollow" href="">
<span></span>
<span></span>
</a>
</div>
</div>
<div class="stred">
<div class="telo">
<div class="bread">
<div>
<span typeof="v:Breadcrumb">
<a href="http://kovo.intl.uk.to" rel="v:url" property="v:title">kovo.intl.uk.to</a> >
</span>
</div>
<div>
<span typeof="v:Breadcrumb">
Domovská stránka </span>
</div>
</div>
<h1>Nadpis 1 </h1>
blablablabla
blablabl
blablablabla
blablablabla
blablablabla
blablablablablablablablablablablablablablablablablablablablablablablablablablab
lablablablablablablablablsdasdasdasdasdasdasdsdfsdgdfgdfgdfgdfgdfgdfgdfgdfgdfgdfgdfgfdg
ablablablablablablablablablablablablablablablablablablablablablablablablablabl
ablablablablablablablablablablablablablablablablablablabla
</div>
</div>
<div class="peta">
<span class="left">© 2014 Matej Kovác</span>
<span class="right"><a href="http://validator.w3.org/check?uri=referer">(X)HTML valid</a></span>
</div>
</div>
</body>
</html>
On the other hand you should read more about the semantic web.
This validates ok!