カテゴリー:
HTML
閲覧数:492 配信日:2015-05-13 00:53
使用すべきHTML5タグ
header
main
footer
nav
article
サイトなどの中で自己完結しており、 (集合したものの中で) 個別に配信や再利用を行うことを意図した構成物を表します。例えば、フォーラムの投稿、雑誌や新聞の記事、ブログの記事などが含まれます
section
HTML 文書の中で単独のセクション (区間) を表します。セクションを表現するより意味的に具体的な要素がない場合に使用します。必ずではありませんが、通常はセクションには見出しがあります
figure
「文書の本文から参照されるようなイラスト・図・写真・ソースコード」であることを示す際に使用
figcaption
・図表のキャプションを示す際に使用
・<figure>～</figure>の中へ配置する
使用しないHTML5タグ
aside
・あまり重要でない部分を示すセクション要素
・見出しを必要としない要素
→ 使用メリットを感じない
使用イメージ
<html>
<body>
<header>...</header>
<nav>...</nav>
<article>
<section>
<h1>コンテンツ内容見出し</h1>
<p>コンテンツ内容1</p>
</section>
<section>
<h1>コンテンツ内容見出し</h1>
<p>コンテンツ内容2</p>
</section>
<section>
<h1>コンテンツ内容見出し</h1>
<figure>
<img src="..." alt="...">
<figurecaption>画像のキャプション</figurecaption>
</figure>
</section>
</article>
<footer>...</footer>
</body>
</html>
その他
iframe
<?php
$refererUrl = parse_url($_SERVER["HTTP_REFERER"]);
if($refererUrl['host']!=$_SERVER['SERVER_NAME']){
header('location: /');
exit();
}
?>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
</body>
</html>