HTML5によるホームページ制作について

HTML5のタグについて記事一覧

名前はもちろん「HTML4」から「HTML5」と変わりましたが、具体的には何が違うのかよく分からないというような方もきっと多いのではないかと思います。かなりの注目を浴びてはいるものの何がそこまで凄いのか、と首をひねっている方に、今回のバージョンから出来るようになったことを紹介しますね。いくつもの新機能や新要素はもちろん追加されたのですが、それを使ってどのようなことが出来るようになったかというと、た...

気になっている方も多いHTML5についてですが、HTML4から改定された際に現在のインターネット上における問題点を一気に解決するような新しい要素がいくつか追加されたということをご存知でしたでしょうか?そんな、HTML5というバージョンから追加された要素について見て行きましょう。外せないのは「ブロック・セマンティック要素」ですがこの文字の並びを見ただけではどうしてもピント来ない、という方がほとんどで...

今までのHTML4と今回の新バージョンであるHTMLの違いはどのようなところにあるのか、について見て行きたいと思います。バージョンな何度も改定されてきているHTMLですが基本的なことに関しては大きく変わったことがないように、「HTML5も今までのものとさほど変わらないのでは?」と思っている方もいらっしゃると思います。ですが、HTML5ではいくつもの新機能が追加されているんですよ。その中でも、HTM...

ブロック・セマンティック要素というものがHTML5には新しく追加されたのですが、この要素はaside、figure、dialogの3つに分けることができ、それぞれ1つ1つがそのホームページの内容が持つ「意味」の整理に役立ってくれます。そんなaside、figure、dialogについて説明していきますね。まずはasideについてですが、これはTIPSと呼ばれるヒントや引用などの意味を持つ文章に使用...

レイアウト要素はHTML5が目指すインターネットの世界というものを特に強く象徴する新たな要素となっていますが、それはどのようなものなのでしょうか。今までは他の用途のための要素を使用してレイアウトは行われてきたのですが、それらをこのHTML5の新要素によって統一できたというのはとても大きな躍進です。レイアウトのために、レイアウトすることを想定して作られた要素によって、レイアウトが出来るようになるとい...

を改めたHTML5を語る上で外せないのが新たに追加されたレイアウト要素ですが、そのレイアウト要素を詳しく把握しているという方は多くないのでは?レイアウト要素の中にはどのようなものがあるのか、というところを少し紹介していきますので導入を考えている方は参考にしてみてくださいね。紹介したいのはとというものなのですが、ホームページというものはその規模が膨大になればなる程、そのホームページ内でも情報をしっか...

前バージョンと比べても大きく進歩したHTML5ですが、その機能の中でもレイアウト機能に関しては特に注目が集まっていますし高く評価されているポイントです。各レイアウトを専門のタグによって簡単に配置できるようになった、というのが最大の魅力ではあるのですが、製作者の負担を減らすということ以外にもこのレイアウト機能の向上には大きな意味があるということをみなさんはご存知でしたでしょうか?それが「文章の構造化...

ホームページを記述する言語であるHTMLですが、その中でも今現在発表されている中で最も新しいバージョンがHTML5になります。多くの開発者たちの手によってさまざまな改良を加えられてきたHTMLがHTML4からこのHTML5に改定される際、とても大きな変化がいくつかありました。その中のひとつがレイアウト要素なのですが、またそのレイアウト要素の中のひとつであるというタグについて紹介していきたいと思いま...

現在、ホームページ制作者だけでなく業界を問わず注目を集めているHTML5ですが、今回のバージョンが特に注目を集めているその理由はどこにあるのでしょうか?今までの改定と今回のHTML4からHTML5への改定は何が違うのかと言うと、根本が変わったのではなく追加の要素がスーパーだったのです。ということで、いくつか追加されたHTML5の新要素のうちの対話要素についてを見ていきます。説明していくのはHTML...

対話性という部分を大幅に強化するための要素というものもHTML5にはたくさん追加されていますが、そもそも対話性というのはどんなもののことでしょう。これはユーザーの操作によって、それに応えてホームページそのものがアクションを起こす、という表現方法のひとつになります。そのホームページがユーザーの操作に対してアクションを起こすことによって、紙媒体のようにインタラクティブなものにただのホームページが発展し...

ホームページで音声を公開したり動画を配信したりしたいと考えても、今までの技術では限界があるためになかなか簡単にはいきませんでした。音声や動画は大量のデータを流す必要があるので現在でも無限になんでも出来てしまうということはありませんが、HTML5によってシンプルに掲載できるようにはなりました。こういった「埋め込み要素」というものはHTML5に追加された要素の中でも特に注目され、使い勝手が良いと人気を...

勧告からしばらく経ったもののHTML5で新設された要素についてまだ詳しく理解できていない、という方はまだたくさんいるのではないかと思います。そこで、そんな方たちにHTML5から追加されたインライン・セマンティック要素のmark要素について少し説明していきたいと思います。インライン・セマンティック要素というのは簡単に言うと数字に作用するもので、文章内の数字に意味を持たせてくれる、というようなものにな...

バージョンアップに伴ってHTML5にはHTML4には無かった新しい要素がいくつも盛り込まれているわけですが、その一歩で姿を消した要素というものもあるのです。実際のホームページにおいて多用されている要素というのも中にはありますが、HTML5が従来のHTMLよりも標準化を意識している以上はこれは仕方のない変更なんですね。そんな、今回のバージョンであるHTML5では姿を消してしまったいくつかの要素のうち...

インライン・セマンティック要素がHTML5からは追加されたわけですが、この要素群の中には一体どのようなものがあるのかと気になっている方もきっと多いですよね。そこで、インライン・セマンティック要素の中のさまざまな要素に興味があるという方にひとつ、meterという要素についてを紹介していきたいと思います。まず、インライン・セマンティック要素ではただの数字にも意味を持たせることができ、時間などの他にも強...

勧告されてから、今までのバージョンではできなかったこともシンプルな作業で出来てしまうと人気を集めているHTML5ですが、新しく追加された機能である対話要素についてを少し見て行きたいと思います。対話要素の中の、3つの要素について説明していきますね。まずはdatagridですが、これはどういったときに利用することのできる要素なのでしょう。ホームページの中のツリー、またはリストや表といったものを表示する...

従来のHTML4を更に進化させた新しいHTML、HTML5ですが、このバージョンではどのような機能が追加されたのでしょうか?HTMLというものは基本的にタグと呼ばれる要素によって構成されているのですが、HTML5はHTMLそのもののグレードがアップしていますので、新たな機能実現のためにこのタグもかなり増やされているんですね。なので、追加されたタグについてを見ていきたいと思います。HTML5にはいろ...