HTML5のCSSとスクリプトのマークアップ

digg del.icio.us TOP
By AD | Filed in html5 | コメントは受け付けていません。

HTML5では、type属性を省略する事ができます。

旧来のCSSとスクリプトのマークアップ


<style type="text/css">
  <!-- CSSの内容 -->
</style>
<script type="text/javascript">
  <!-- JavaScriptの内容 -->
</script>

スタイルであればCSS、スクリプトであればJavaScriptである事は明白なため、type属性を省略できます。

HTML5のCSSとスクリプトのマークアップ


<style>
  <!-- CSSの内容 -->
</style>
<script>
  <!-- JavaScriptの内容 -->
</script>

そんな大きな変化ではないように思えますが、メモ帳なのでべた書きする人にはとっては、こういう風に文字数が減るとかなり楽になりますよね!

いつごろからHTML5の使用を開始するか

digg del.icio.us TOP
By AD | Filed in html5 | コメントは受け付けていません。

う~ん。HTML5はHTML4/XHTML 1.0ベースなので、馴染みやすいとは思うし、新しいタグやテクニックが導入されていて使ってみたい気もするけど、いかんせんIEのサポートを考えると難しいでよね。Firefox、Chrome、Safari、OperaではHTML5をサポートしているけど、IEってまだだよね?9から?

<!DOCTYPE html>
<html lang="ja">
  <head>
    <meta charset="utf-8">
    <title>title</title>
    <link rel="stylesheet" href="style.css">
    <script src="script.js"></script>
  </head>
  <body>
    <!-- content -->
  </body>
</html>
こんな感じでHTML5のショートカット記述をすると、めっちゃ簡潔でスッキリだよね。
早く使ってみたいね。