厚底な足元「ファットフッター」が叶えるユーザビリティ
メアリーはバスルームの改修に使う水道の蛇口を探すためにThe Home Depotの配管関連のページを探しましたが、見つけることができませんでした。そのページには様々なパイプやバルブ、温水器などとその商品の使い方を説明するビデオはありましたが、彼女の探しているものはありませんでした。メアリーは失望しながらそのページのフッターに辿り着き、The Home Depotのすべての商品部門のリストを見つけ……
メアリーはバスルームの改修に使う水道の蛇口を探すためにThe Home Depotの配管関連のページを探しましたが、見つけることができませんでした。そのページには様々なパイプやバルブ、温水器などとその商品の使い方を説明するビデオはありましたが、彼女の探しているものはありませんでした。メアリーは失望しながらそのページのフッターに辿り着き、The Home Depotのすべての商品部門のリストを見つけ……
<header>タグは、イントロダクションやナビゲーショングループなどを表す際に、セクションの先頭で利用するものです。今回は、HTML5における<header>タグの使い方をご紹介します。HTML5における<header>タグの使い方<header>は新しいセクションを作りませんが、セクションの先頭になります。文書のヘッダ情報を記述する<hea……
<head>タグは、文書のヘッダ情報を表す場合に使用するものです。今回は、HTML5における<head>タグの使い方をご紹介します。HTML5における<head>タグの使い方<head>タグは、文書のヘッダ情報を表すのに使用します。ヘッダ情報とは、文書に関する情報、<title>,<style>,<meta>などの……
<h1><h2><h3><h4><h5><h6>のタグは、見出しをつける際に使用するタグです。頻繁に使用するものですし、簡単で便利なので多用する人も多いと思います。だからこそ、しっかりと正しい使い方を知っておく必要があるでしょう。今回は、HTML5における<h1>-<h6>タグの使い方をご紹介します。H……
<form>タグは、入力・送信フォームを作成するためのタグです。今回は、HTML5における<form>タグの使い方をご紹介します。HTML5における<form>タグの使い方<form>タグは、入力・送信フォームを作成する際に使用します。<form>〜</form>に、<input><select>等のタ……
<figcaption>とは、図や表、ソースコードやリストなどの独立したコンテンツを、<figure>タグを利用してグループ化した時に、そのグループに説明などのキャプションをつけることができる要素です。今回はHTML5における<figcaption>タグの使い方をご紹介します。HTML5における<figcaption>タグの使い方<figure……
<dfn>タグは、定義される用語を表す要素です。今回は、HTML5における<dfn>タグの使い方をご紹介します。 HTML5における<dfn>タグの使い方 <dfn>タグは、用語の意味を説明する場合の、用語の部分に使用します。 <dfn>用語</dfn> 一般的なブラウザでは、デフォルトだとイタリック体で表示されます。表示サン……
<footer>タグとは、そのセクションのフッタであることを示すためのタグです。今回はHTML5における<footer>タグの使い方をご紹介します。HTML5における<footer>タグの使い方<footer>タグは、そのセクションのフッタであることを示す時に使用します。フッタとは、そのセクションに関する情報などのことで、作者や、著作権などを記載する……
<figure>タグは、図や表などをグループ化する際に使用します。名前から、図や画像などに使うことは想像しやすいと思いますが、実はソースコードや詩、リストなど何でもコンテンツをグループ化することができるタグです。今回はHTML5における<figure>タグの使い方をご紹介します。HTML5における<figure>タグの使い方まとめたい画像や、表、リストなどを、<figure>……
フォームの部品をグループ化しておくことで、整理したり管理しやすくなる要素に、<fieldset>と<legend>というものがあります。一緒に使うことで大変便利な要素です。今回はHTML5における<legend>タグの使い方をご紹介します。HTML5における<legend>タグの使い方<legend>タグは、フォームの部品をまとめたグルー……