Homepage Zero ガイド
logo

ゼロから始めよう!わかりやすい!ホームページ作成ガイド

初めての方へ|総合案内|お問い合わせ|当サイトについて

ホームページ初心者ガイド| HTML| CSS| ホームページお役立ち情報| ホームページレベルアップ情報| その他

ホームHTMLリファレンス(アルファベット検索)>共通属性

HTMLタグ辞典
タグ一覧(ABC順) 目的別タグ一覧 スタイルシート一覧(ABC順) 目的別スタイルシート一覧

共通属性

HTMLの多くの要素には共通して指定することができる属性があり、それを共通属性と呼びます。ここではそれらの属性を紹介します。

accesskey 属性| class 属性| dir 属性| id 属性| lang 属性| style 属性| tabindex 属性| title 属性

accesskey 属性

HTMLタグ

<要素 accesskey="文字1つ">

解説

accesskey 属性を使えば、リンクにジャンプしたり、フォームの項目の操作を、この属性で指定された文字で簡単に行うことができます。

ページトップへ

class 属性

HTMLタグ

<要素 class="クラス名">

解説

主に、class 属性は、クラス名をつけた要素スタイルシート(CSS)で特定のデザインを適応させたい場合に使います。id 属性のid 名との違いは、クラス名はそのページに何度も使用することができるという点です。
クラス名は半角英数字で指定しましょう。

ページトップへ

dir 属性

HTMLタグ

<要素 dir="方向">

解説

dir 属性を使えば、文字の方向を指定できます。値には ltr(左から右)、rtl(右から左)のいずれかで指定します。しかし、対応していないブラウザもあるようです。

ページトップへ

id 属性

HTMLタグ

<要素 id="id名">

解説

id 属性を使えば、name 属性 と同様に、この属性を指定したタグに名前をることができます。id 名は、ハイフン「 - 」、アンダーバー「 _ 」、コロン「 : 」、ピリオド「 . 」を含む半角英数字で、最初の1文字は半角英文字でなければなりません。

ページトップへ

lang 属性

HTMLタグ

<要素 lang="言語コード">

解説

lang 属性を使えば、要素の内容が何語で記述されているかを示すことができます。値は、言語コードを指定します。

ページトップへ

style 属性

HTMLタグ

<要素 style="スタイルシート">

解説

style 属性を使えば、この属性を指定した要素のみにスタイルシートのデザインを適応できます。値には直接スタイルシートを記述します。例:「<p style=" text-align: left;">」

ページトップへ

tabindex 属性

HTMLタグ

<要素 tabindex="番号">

解説

tabindex 属性を使えば、TABキーを押した時に属性値で指定した数の小さい順番にフォーカスが移動する効果を与えることができます。値には、フォーカスの移る順番を整数で指定できます。

ページトップへ

title属性

HTMLタグ

<要素 title="テキスト">

解説

title 属性を使えば、その要素にタイトルを付けることができます。ほとんどのブラウザではその要素の上にマウスを乗せて少し待つと、属性値のテキストがツールチップに表示されます。

関連情報ページ

ページトップへ

ホームページ初心者ガイド| HTML| CSS| ホームページお役立ち情報| ホームページレベルアップ情報| その他

<TOP>

logo
ゼロから始めよう!わかりやすい!ホームページ作成ガイド

|初めての方へ|総合案内|お問い合わせ|当サイトについて|

copyright (C) TOMIY All Right Reserved
inserted by FC2 system