読者です 読者をやめる 読者になる 読者になる

MyEnigma

とあるエンジニアのブログです。#Robotics #Programing #C++ #Python #MATLAB #Vim #Mathematics #Book #Movie #Traveling #Mac #iPhone

HTML5とCSS3を使うメリット

memo

本記事は以下のページを参考にして,

HTML5とCSS3を使うメリットについて勉強した時のメモです.

【スマホ集中連載 第4回】 "HTML5とCSS3で何ができる?" 〜メリット・デメリットを徹底研究! - livedoor ディレクターブログ

HTMLとCSS3を使うメリット

HTMLとCSS3を使うことには,

作業が簡単になる系と

これまでできなかったことができるようになる系の

二つのメリットがある.



HTML5を使うメリット,

・出来なかった書き方が出来るようになって,工数が減る.

ブロック全体を含めたリンクやBody要素内にstyle要素を記述などができるようになった.




・新たなインターフェース,機能が使える.

メールアドレス入力フォームを開いたら,

キーボードに@を付けたり,

電話番号を入力しようとしたら,テンキーを出すことができる.

またFlashが利用できないiPhoneでも動画再生ができるvideo要素や,

JavaScriptで絵図がかけるcanvasなどが使える.



・定型句がシンプルになった.


CSS3を使うメリット

・やりたい事がシンプルに実装できるようになったので,工数が減る.



・これまでできなかった表現ができるようになった.



・ファイルサイズが軽くなる.

画像を使わずにグラデーションや角丸を実装できるため.


HTML5のブロックリンク

HTML5では以下のようにブロックリンクが可能に

<li>
  <a href="./">
    <h3>タイトル</h3>
    <p>テキスト</p>
  </a> </li>