1.html5/css3への移行
1) DOCTYPE宣言、XHTML関連削除、エンコード指定、メタタグ
HTML5以前のHPのDocument宣言は、一般的に「HTML4.01 Transitional」や「XHTML1.0 Transitional」が使用されている。このDOCTYPE宣言をHTML5であることを宣言することになる。
☆ 元のソース
1 2 3 4 5 6 |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> <title>ページのタイトル</title> |
☆ HTML5に移行したソース
1 2 3 4 5 |
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>ページのタイトル</title> |
☆ メタタグ
従来と同じ使い方でOK
1 2 3 4 |
<meta name="author" content="ページ制作者"> <meta name="description" content="ページの説明"> <meta name="keywords" content="ページのキーワード"> <meta name="application-name" content="ページのWEBアプリケーション名"> |
2) スタイルシートの記述
☆ 従来の記述
1 |
<style type="text/css">スタイルシートの内容</style> |
☆ HTML5の記述
1 |
<style>スタイルシートの内容</style> |