各業界のプロに学ぼう「本じゃ読めないアフィリエイト講座」

All About ホームページ作成ガイド 西村 文宏
All About ホームページ作成ガイド
西村 文宏 (ニシムラ フミヒロ)
2001年より、その道のプロ(専門家)が情報発信する生活総合情報サイトAll About内で、「ホームページ作成」ガイドサイトを担当。ウェブ製作に関して毎月数本の記事を連載。HTMLの記述方法から、スタイルシートやJavaScriptの活用方法、アクセス数向上テクニックなど、2011年現在までに300本近くの記事を公開している。著書として、「プロ顔負けのホームページ作成術」・「SEO・SEM使いこなしテクニック」などがあり、最近は作家デビューも果たしている。
コーポレートサイトhttp://allabout.co.jp/gm/gt/1053/
講師PR
RSSフィードを自動生成するフリーソフト「Fumy RSS & Atom Maker」が人気です!『にししふぁくとりー』
http://www.nishishi.com/

HTML5とは? 新しく追加された要素(タグ)とその用途

  • publish_advertise
2013/02/14

こんにちは。All About ホームページ作成ガイドの西村文宏です。

 

さて、「HTML5」という名称を目にしたことはあるでしょうか。ウェブページを作成する上では、これまでは「HTML 4.01」や「XHTML 1.1」などの規格が主に使われていました。新しい「HTML5」では、従来とは何がどう異なるのでしょうか。

 

今回は、そんな「HTML5」について、簡単にご紹介いたします。

 


■HTML5ってなに?


 

HTML5は、ウェブ上で広く使われてきたHTML4やXHTMLの後継となる新しいHTMLです。HTML5で記述されたウェブサイトは既にたくさんあります。HTML5は、「まったく新しい言語」ではなく、従来のHTML・XHTMLに「便利な仕様を加えた言語」だと言えます。

 

書き方は、従来のHTMLやXHTMLとほぼ同じで、もっと便利に、もっとシンプルに書けるようになっています。

 


■HTML5は、従来のHTMLと何が違う?


 

【1.リッチなコンテンツを簡単に含められる】

 

HTML5なら、動画や音楽を、Flashなどのプラグインを使わずにウェブページ上に掲載・再生できます。図形や絵などを、画像ファイルを別途作ることなく、HTMLだけで描画することもできます。JavaScriptを併用すれば、動的に描画したりアニメーションさせたりもできます。

 

【2.意味を付加できる】

 

HTML5では、ページ内の各部分に対して、ヘッダ、ナビゲーション、フッタなど、「その部分は何なのか?」という意味を付加できます。これによって、モバイル端末や音声ブラウザなど、様々な機器でもうまく閲覧できるようにすることに役立ちます。検索エンジンが、ページ内に書かれた文字の意味(役割)を把握しやすくなることは、SEO面でも役立つでしょう。

 

【3.従来の書き方もそのまま使える & より簡単に書ける】

 

XHTMLには「こう書かねばならない」といった規則が多く、覚えるのが大変だというイメージがあったかも知れません。HTML5では、よりシンプルに書ける仕様になっています。しかし、覚えなおす必要はなく、従来の書き方もそのまま使えます。ですから、簡単にHTML5に移行できます。

 

 


■HTML5を使うメリット


 

【1.便利な機能】

 

HTML5で改善・追加された便利な機能は、1回では書ききれないほどたくさんあります。それらを活用することで、今よりももっと使いやすいウェブページが作れます。

 

【2.表示の違いが減少】

 

従来は、ブラウザの種類により、見え方が異なることがよくありました。HTML5では、ブラウザの動作についても定義されているため、HTML5に準拠したブラウザ間であれば、描画や動作の差異が小さくなることが期待できます。【3.新しい標準】HTML5は、間違いなく「これからのウェブページを作る標準」になります。PCやモバイル端末を含め、様々なブラウザが既にHTML5に対応しています。次回は、ウェブページ上に新しい機能を付加できるHTML5要素についてご紹介いたします。

 


 

【ご注意ください】

このコンテンツで紹介されているサイトおよびサービス(ツール)は、
アクセストレードが運営するものではありません。必ず使用方法や注意
事項等をよく理解した上で、ご自身の判断のもとでご利用ください。

万が一、損害・トラブル等が生じた場合も、執筆者およびアクセス
トレードは責任を負いかねますので、あらかじめご了承ください。

 

 

 

Loading...
このエントリーをはてなブックマークに追加      mixiチェック
続きを読む>>
続編
2013.02.21
ウェブページ上に新しい機能を付加できるHTML5要素
2013.02.28
HTMLソースに意味を付加できる新しいHTML5要素

▲ページトップへ戻る

1CLICKアンケート!!
Loading...
1CLICKアンケート!!
アフィリエイトで稼ぐための心構え3カ条
1.「稼ぐ気持ち」を出しすぎない
稼ぎたい気持ちが全面に出ていると、ユーザーはサイトに対し良い印象を持ちません。
2.「納得できる方法」で稼ぐ
報酬額ばかりで選ばず、自分自身がお薦めできるプログラムを心が伝わるように紹介しましょう。
3.実績のある方法や考え方などを「学ぶ」
「成功者のノウハウ」、「今盛り上がっている市場は?」など、常に最新情報をキャッチし、実践できているかどうかが、アフィリエイト成功のカギ。アフィ大では、アフィリエイトで稼ぐためのお役立ち情報を数多くの成功者が発信しています。ぜひご活用ください!

▲ページトップへ戻る