HTML5のテンプレート

2011年6月29日

下記の様に記述しております。
もちろん、コンテンツの内容によって若干は変わってきます。
ポイントは、
DOCTYPE宣言
html要素にlang属性
styleのtype属性
リセットは、
[css]article,aside,footer,header,hgroup,nav,section {
display:block;
}[/css]
[html]
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8" />
<title></title>
<link rel="shortcut icon" href="favicon.ico">
<meta name="description" content="" />
<meta name="keywords" content="" />
<link rel="stylesheet" href="styles.css">
<!–[if IE]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]–>
</head>
<body>
<header>
<hgroup>
<h1><a href="#"></a></h1>
<h2></h2>
</hgroup>
<nav id="gnavi">
<ul >
<li><a href="#">トップページ</a>
<li><a href="#"></a>
<li><a href="#"></a>
<li><a href="#"></a>
<li><a href="#"></a>
<li><a href="#"></a>
</ul>
</nav>
<!– end #gnavi –>
</header>
<!– end header –>
<div id="content">
<article>
<header>
<h1></h1>
    </header>
</article>
<aside>
<section>
</section>
</aside>
</div><!– end content –>
<footer>
<nav id="footer">
<ul>
<li><a href="#"></a>
<li><a href="#"></a>
</ul>
</nav>
<p id="copyright"></p>
</footer>
[/html]

Related Posts

小規模事業者持続化補助金 次回締切は22年1月12日(低感染リスク型)と2月4日(一般型)です

小規模事業者持続化補助金は2020年から継続実施されているものですが、数か月おきに回を区切って実施され、2020年度、2021年度では名称と共に細かい要件なども変更されているので注意が必要です。 コロナ特別枠→低感染リスク型ビジネス枠 一般型と低感染リスク型ビジネス枠がありますが、低感染リスク型ビジネス枠の方が補助率や補助上限額が大きいので要件が合致する場合はおススメです。 大枠には変わりないですが従来からの主な変更点やポイントご紹介します。 こちらにも詳しくのっています。 丸わかり!小規模事業者持続化補助金(公式PDF)...

Gmail接続エラー「メールを今すぐ確認する」が消えてできない時

Gmail接続エラー「メールを今すぐ確認する」が消えてできない時

先日Gmailで接続エラーの障害が長時間発生し、メールの受信が遅延することがありました。 一時的な受信遅延や障害は今までもあったものの1日以上連続して起きたことはほとんどありません。 こういった障害の発生は原因によって対処法も異なり、いつも同じ方法で解決できるとは限りませんが、今後の参考に今回のケースと対処法をご紹介します。 Gmail接続エラー発生状況 ・メールサーバー:KDDI系のCPIを使用 ・Gmail管理画面経由で独自ドメインのメール送受信ができるように設定...

2021年7月2日にGoogleのコアアップデートが実施されました

2021年7月2日にGoogleのコアアップデートが実施されました

2か月ほど前になりますが、Googleからコアアップデートの実施がアナウンスされ、SEO会社などからの変動分析などもあがってきているのでご紹介します。 なお、7月以前には6月3日にもアップデートが実施されており、7月のアップデートは6月の残りとして一連のものと公式では発表されています。 コアアップデートとは? まず前提としてコアアップデートとはなんでしょうか。...