基本HTMLセット

トップページ

サンプルソース

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja" dir="ltr"> <head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="Content-Language" content="ja" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<title>株式会社-キャッチコピー</title>
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta name="author" content="株式会社" />
<meta name="copyright" content="Copyright (C)" />
<link rel="stylesheet" type="text/css" media="screen, projection, tv" href="css/import.css" />
<link rel="stylesheet" type="text/css" media="print" href="css/print.css" />
<script type="text/javascript" src="js/jquery.js" charset="UTF-8"></script>
<script type="text/javascript" src="js/yuga.js" charset="UTF-8"></script>
<script type="text/javascript" src="js/heightLine.js" charset="UTF-8"></script>
<script type="text/javascript" src="js/thickbox.js" charset="UTF-8"></script>
<link rev="made" href="mailto:info@sample.com" title="Eメールでのお問合せ" />
<link rel="index contents" href="/" title="ホーム" />
<link rel="help" href="/faq/" title="良くある質問と答え" />
<link rel="help" href="/contact/" title="お問合せ・申込み" />
<link rel="help" href="/sitemap/" title="サイトマップ" />
<link rel="help" href="/policy/" title="個人情報保護方針" />
<link rel="chapter" href="/sample/" title="サンプル" />
</head>
<body id="sampledomain" class="home">
<div id="header" role="banner">
<h1>サイトID</h1>
<p>キャッチコピー</p>
<!-- /#header --></div>
<div id="global-nav role="navigation" title="当サイトの主要コンテンツ">
<h2>当サイトの主要コンテンツ</h2>
<ul>
<li><a href="sample.html">aaa</a></li>
</ul>
<!-- /#global-nav --></div>
<div class="utility-nav" role="navigation" title="当サイトの補足コンテンツ">
<h2>当サイトの補足コンテンツ</h2>
<ul>
<li><a href="sample.html">aaa</a></li>
</ul>
<!-- /.utility-nav --></div>
<div id="site-search" role="search" title="サイト内検索">
<form method="get" action="http://www.google.co.jp/search">
<fieldset>
<legend><label for="formlabel-search">サイト内検索</label></legend>
<input type="text" name="q" value="" id="formlabel-search" title="検索キーワード" />
<input type="hidden" name="ie" value="UTF-8" />
<input type="hidden" name="oe" value="UTF-8" />
<input type="hidden" name="hl" value="ja" />
</fieldset>
<p><input type="submit" name="btnG" value="検索する" /></p>
</form>
<p><a href="http://www.google.co.jp/"><img src="http://www.google.com/logos/Logo_40wht.gif" alt="Google" /></a></p>
<!-- /#site-search --></div>
<div id="container">
<div class="section-lv1" id="primary" role="main">
<h1>ページタイトル</h1>
<p>段落テキスト段落テキスト段落テキスト段落テキスト段落テキスト</p>
<!-- /.section-lv1#primary-contents --></div>
<div id="secondary">
<div class="section">
<h2>セクションタイトル</h2>
<!-- /.section --></div>
<!-- /#secondary-contents --></div>
<!-- /#container --></div>
<div id="footer">
<div class="utility-nav" role="navigation" title="当サイトの補足コンテンツ">
<h2>当サイトの補足コンテンツ</h2>
<ul>
<li><a href="sample.html">aaa</a></li>
</ul>
<!-- /.utility-nav --></div>
<p class="copyright" role="contentinfo" title="運営者">© 2010 hogehoge.<!-- /.copyright --></p>
<!-- /#footer --></div>
</body>
</html>

role属性があることで(X)HTMLはinvalidになります。