HTML5でのCSS記述形式（CSS）：技術空間

2016/4 作成

HTML5でのCSS記述形式

HTML5より前のバージョンではlinkタグやstyleタグのtype属性に"text/css"を指定していたが、HTML5では省略可能（デフォルトがtext/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>