技術空間

CSS

HTML5でのCSS記述形式


TOP > CSS > HTML5でのCSS記述形式



■HTML5でのCSS記述形式

外部ファイルの場合
前のバージョン
<link rel="stylesheet" type="text/css" href="css/common.css" />
HTML5
<link rel="stylesheet" href="css/common.css" />

CSSを直接書く場合
前のバージョン
<style type="text/css">
<!--
body{color: red;}
-->
</style>
HTML5
<style>
<!--
body{color: red;}
-->
</style>

HTML5での記述イメージ
サンプル
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="css/common.css" />
<style>
<!--
body{color: red;}
-->
</style>
<script src="js/common.js"></script>
<script>
alert("test");
</script>
<title>技術まとめ</title>
</head>
<body>


TOP > CSS > HTML5でのCSS記述形式

Tweet ̃Gg[͂ĂȃubN}[Nɒlj
技術空間