| meta設定 | 説明 |
|---|---|
| <meta charset="UTF-8"> | 文字コードの設定 |
| <meta name="keywords" content="HTML5の覚書,沖縄,プログラマー"> | 検索エンジン向けのキーワード指定 |
| <meta name="description" content="検索エンジンで表示される見出し"> | 検索エンジンで検索したときに表示される見出し |
| <meta name="robots" content="noindex,nofollow"> | 検索エンジンへ、このページは検索情報に追加しないよう通知する |
| <meta name="viewport" content="width=device-width, initial-scale=1"> | スマートフォン用の初期表示領域 |
文字と実体参照と文字参照
| 文字 | 実体参照 | 文字参照 | 名称 |
|---|---|---|---|
| 4 | 4 | ||
| C | C | ||
| あ | あ | ||
| ～ | ～ | 全角チルダ（波ダッシュとは別） | |
| & | & | & | アンパサンド |
| < | < | < | 小なり |
| > | > | > | 大なり |
PHPにて文字を文字参照で出力するソースコード
<?php
$str = "4Cあ～&<>";
$convmap = array(0, 0x10FFFF, 0, 0x10FFFF);
$str = mb_encode_numericentity("$str", $convmap, 'UTF-8');
echo htmlspecialchars($str);
?>
出力
4Cあ～&<>参考
よく使う特殊記号の実体参照
| 特殊記号 | 実体参照 | 名称 |
|---|---|---|
| & | & | アンパサンド |
| < | < | 小なり |
| > | > | 大なり |
| © | © | 著作権記号 |
| ↔ | ↔ | 両向き矢印 |
| ⇔ | ⇔ | 両向き二重矢印 |
| ♥ | ♥ | ハート |
| ½ | ½ | 2分の1 |
| | 半角スペース |
<meta property="og:title" content="タイトル" /> <meta property="og:site_name" content="ページタイトル" /> <meta property="og:description" content="紹介内容など" /> <meta property="og:type" content="website,blogなどページの種類を指定" /> <meta property="og:url" content="ページのURL" /> <meta property="og:image" content="ページの代表的な画像" />
http://example/com#hoge
<input type="file" accept="image/*"/> <input type="file" accept="image/jpeg,image/png"/>オーディオ系
<input type="file" accept="audio/*,video/*"/>
<input type="file" accept="text/*"/>
<input type="file" accept="application/zip"/>
<textarea placeholder="（例） ネコ ヤギ カニ サメ"></textarea>
<input type="file" id="file1" multiple accept="image/*" />AndroidのChromeアプリで確認。Operaアプリでは画像アップロード専用にならなかった。（通常のファイル選択）。
<A HREF="リンクするページのURL" target="_blank">TOPページ</A>
<object data="wakgance.pdf#page=2" type="application/pdf" width="250px" height="250px">
<p><b>PDFは表示できません</b>: <a href="wakgance.pdf">PDFをダウンロード</a>.</p>
</object>