HRタグ・要素

HRタグ・要素とは

　1本の横罫線を引く場合に利用します。

要素	意味		用途	使用例
hr	horizontal	水平	横罫線(1本線)／水平の線(horizontal line)を引く	<hr>

各要素・タグの属性

　hrタグでW3C非推奨となっている属性は下記の通りです。

非推奨
属性	意味	用途
align	align/alignment	位置指定／設定値：left | center | right
noshade	noshade	線上に溝を入れるか否かの設定：溝を入れる場合<hr noshade>
size	size	線の高さをピクセル(px)で指定
width	width	線の長さ指定／既定値：100%

　hrタグに設定可能な属性は下記の通りです。

属性	意味	用途
id	identify	タグ識別子・参照設定(セレクタ)
class	class	参照設定(セレクタ)
lang	language	国・地域言語を設定
dir	direction	右書き・左書きの方向指定
title	title	ブラウザ上でタグをポイントすると表示されるテキストを設定
style	style	CSSインライン設定用
※イベント	イベントハンドル	(マウス)ポインタの動作や状態に応じて処理を記述するための設定

id

　idはファイル内での一意の識別子(唯一特定できる値で区別できるもの)としての役割を持ちます。

• (アンカーリンクの識別子)
• アンカー(aタグ)以外のタグの識別子
• scriptやobjectタグの識別子
• 外部CSS設定用idセレクタ

等々です。

class

　classは、idと異なり、同じファイル内で(aタグを含む)複数のタグに同じ名称を設定することが可能です。

　また、idの値が一意という条件が満たされれば、同じタグ内に別途classを設定することも可能です。

　主な用途は

• 外部CSS設定用classセレクタ

です。

id と class

　id と class は、両方設定することも可能ですし、異なる属性値を設定することもできます(idはそのページで一意でなければならないので複数設定する場合はそれぞれの属性値が他にないものにする必要あり)。

　id と class をCSSのセレクタとして見た場合、id は class の設定より優先されます。

lang

　langは、[ lang="en" ]、[ lang="ja" ]のように国や地域の言語を設定することができます。

dir

　dirは、direction(方向)の略で右から左に向かって書く右書き(right to left)か左から右に向かって書く左書き(left to right)の記述書式の方向指定で国際化における指定可能属性です。

　dirの属性値は、right to leftの略語、[ rtl ]か、left to rightの略語[ ltr ]です。

title

　titleは、ブラウザ上でポイントされた場合に、titleに設定された属性値が表示されます。

style

　styleは、CSSのインライン設定を行うことができる属性です。

イベント

　HTMLではユーザーの操作によって何らかの処理を行いたい場合にそのタイミングにあたる属性がいくつか用意されています。

　こうしたタイミングにあたる属性はイベントハンドル、イベントハンドラなどと呼ばれ、JavaScriptやvbscriptの関数等を設定することができます。

　詳細は、イベントハンドル・イベントハンドラ参照。

関連リンク