非同期スニペット

HTML5のテンプレート

無料 ご相談承ってます!

電話 078-955-7461(平日 -)お気軽にご連絡ください!
打合せなどで電話に出れない場合がございます。その場合は、フォームもしくは 070-5503-3830までお手数をおかけしますがご連絡ください。

私たちの実績
(→ 実績一覧へ

Webデザインやグラフィックデザインの実績をご紹介しております。

お知らせ

ブログ最新の10件
(→ 記事一覧へ

事務所案内

  • ワサビ株式会社
  • マーケティング部(東京オフィス)
  • 〒142-0041
    東京都品川区戸越1-21-15 創建ビル4F
  • 本社
  • 〒658-0065
    兵庫県神戸市東灘区御影山手4-10-21
  •    
  • マーケティング部・デザイン室・開発室
  • 〒657-0864
    兵庫県神戸市灘区新在家南町1-1
  • TEL. 078-955-7461
  • 受付時間: 平日 -
  • マーケティング部(福岡オフィス)
  • 〒812-0053
    福岡県福岡市東区箱崎2-10
会社の詳細情報は、こちら

Work with us!

私たちのビジネスの成功は、社会に貢献できると確信してます。

ワサビは、才能や情熱を持った方との出会いを待ってます。

インターネットで出来る事、その可能性を仕事にしたい方は、ご連絡ください!

採用の詳細は、こちら

ソーシャルメディア

HTML5のテンプレート

更新日

下記の様に記述しております。

もちろん、コンテンツの内容によって若干は変わってきます。

ポイントは、
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]

ページトップへ