Skip to content

syon/wiki HTML



HTML

HTML基本構成¶

HTML5 Boilerplate: The web's most popular front-end template
Initializr: HTML5 テンプレートジェネレーター

Markup¶

HTML4から変化したHTML5のマークアップ

HTML4.01のマークアップ¶

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>タイトル</title>
<style type="text/css">/* CSS */</style>
<script type="text/javascript">/* JavaScriptコード */</script>
</head>
<body>
...
</body>
</html>

HTML5のマークアップ¶

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>タイトル</title>
<style>/* CSS */</style>
<script>/* JavaScriptコード */</script>
</head>
<body>
...
</body>
</html>

Favicon¶

Tips¶

HTML Tidy¶

HTML Tidy Project Page
GitHub - htacg/tidy-html5
$ brew install tidy-html5 ※ needs restart shell
htmltidy - Use HTML Tidy to just indent HTML code? - Stack Overflow
HTML Tidy Configuration Options Quick Reference

Meta tags¶

joshbuchea/HEAD
A list of everything that goes in the <head> of your document
Safari HTML Reference: Supported Meta Tags

schema.org¶

schema.org 日本語訳 - ホーム

スキーマとは、ウェブマスターがページをマークアップすることによって大手検索プロバイダーに認識されやすくなるHTMLタグです。 Bing、Google、Yahoo! などの検索エンジンサイトはこのマークアップを通してより質の高い検索結果を出すことができ、またユーザは探したいページを簡単に見つけられるようになります。

OGP¶