ホーム > HTMLサンプル

2013/10-2016/03/18

HTML5 ひな形

目次
  1. シンプルなひな形
  2. script, styleなどを含むひな形
  3. (参考) HTML5 の最小限のサンプル
  4. 要素,タグ,属性,コンテントなどの用語
  5. その他

シンプルなひな形

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8"/>
<title>タイトル</title>
<link rel="stylesheet" href="sample1.css"/>
</head>
<body>

<h1>見出し</h1>
<p>
テキストサンプル
</p>

</body>
</html>

script, styleなどを含むひな形

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8"/>
<title>タイトル</title>
<link rel="stylesheet" href="sample1.css"/>
<script src="sample.js"></script>
<script>
//<![CDATA[

// javascript を書く

//]]>
</script>
<style>
body { margin:1em; line-height:170%; }
</style>
</head>
<body>

<h1>見出し</h1>
<p>
テキストサンプル
</p>

</body>
</html>

(参考) HTML5 の最小限のサンプル

W3C Validator, HTML5 (experimental) の結果

サンプル1

<!DOCTYPE html>
sample text
結果:エラー1個、警告1個
  エラー: title をつけて。
  警告  : 文字エンコーディング指定があった方がよい。

サンプル2:一番シンプルな HTML5

<!DOCTYPE html>
<meta charset="utf-8"/>
<title>タイトル</title>
サンプルテキスト
結果: 問題なし。
HTML5 では htmlタグ、headタグ、bodyタグは必須ではありません。
JavaScript でちょっとしたサンプルを書くときは、いちいち html や body をつけた大げさな HTML でなくてもよいです。
title もなくても支障はありません。

要素,タグ,属性,コンテントなどの用語

要点だけ
要素      : element
タグ      : tag
属性      : attribute
コンテント: content

◎要素 element
  <tag attribute="value">content</tag>
  <タグ名 属性名="値">コンテント</タグ名>
JavaScript 要素(element)のサンプルも見て。

その他

目次
gorogoronyan@gmail.com
inserted by FC2 system