HTML doctype について明確にする必要があります。このページ: http://kovo.intl.uk.to RDFa を使用してブレッドクラム ナビゲーションを追加します。しかし、ページはもはや有効ではありませんでした。私はググったところ、doctypeを次のように変更することがわかりました：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML+RDFa 1.0//EN" "http://www.w3.org/MarkUp/DTD/xhtml-rdfa-1.dtd">
現在、ページは 100% 有効ですが、XHTML とそのような低い数値は何を意味するのでしょうか? 私のウェブページでは HTML 4.01 を厳密に使用しています。これは、スロバキア人向けに主にスロバキア語でページを書いているためです。一部のコンピューターで見られるものとその使用方法は「石器時代」です (Windows XP + ie8 の方が良い場合:D)。
これは正しい解決策であり、ユーザーまたは検索エンジンに doctypes が与える影響は何ですか?
RDFa 1.0は XHTML 1.0 で使用できます (質問に含まれる DOCTYPE を使用)。
RDFa 1.1は、おそらくすべての (X)HTML バージョン (すべて HTML5 構文解析規則によって解釈されます) で使用できます。つまり、HTML5、XHTML5、HTML 4.01、XHTML 1.0、XHTML 1.1などです。
HTML+RDFa 1.1 (2013 年 8 月 22 日の W3C 勧告)
HTML4 および HTML5 での RDFa のサポート
XHTML+RDFa 1.1 - 第 2 版(W3C 勧告 2013 年 8 月 22 日)
XHTML モジュール化による RDFa のサポート
XHTML 1.0 は、「XML 1.0 のアプリケーションとしての 3 つの HTML 4 ドキュメント タイプの再定式化」です。
あなたは大丈夫です、それはまだHTML 4と同等です：
There are three formal DTDs for XHTML 1.0, corresponding to the three different versions of HTML 4.01:
- XHTML 1.0 Strict is the XML equivalent to strict HTML 4.01, and includes elements and attributes that have not been marked deprecated in the HTML 4.01 specification. As of May 25, 2011, XHTML 1.0 Strict is the document type used for the homepage of the website of the World Wide Web Consortium.
- XHTML 1.0 Transitional is the XML equivalent of HTML 4.01 Transitional, and includes the presentational elements (such as center, font and strike) excluded from the strict version.
- XHTML 1.0 Frameset is the XML equivalent of HTML 4.01 Frameset, and allows for the definition of frameset documents—a common Web feature in the late 1990s.
XHTML+RDFa は、豊富なセマンティック マークアップを埋め込むことによってセマンティック Web コンテンツを開発するために使用される手法の 1 つです。この言語のバージョン 1.1 は、XHTML 1.1 のスーパーセットです。
これを使ってみてください
<!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>
一方で、セマンティック Web についてもっと読む必要があります。
これでOK！