BRタグ・要素／改行

改行したい！BRタグ・要素

BRタグ・要素

BRタグ・要素とは

brタグはline breakの意味でbreakの略です。

文章の間や段落間など改行する時に改行したい場所に記述します。

htmlファイルイメージ

DOCTYPE宣言

<html>

<head>

</head>

<body>

一行にすると長いよね。

一行にすると<br>長いよね。

</body>

</html>

と<br>を入れた方は次のようになります。

ブラウザ表示イメージ

一行にすると長いよね。

一行にすると
長いよね。

brタグの属性

　brタグに設定できる属性の内、clear属性はW3C非推奨となっています。

　この属性の機能を利用する場合にはCSSを使用しましょう。

要素br、タグに設定できる属性

　brタグに設定できる属性は下記の通りです。

非推奨
属性	意味	用途
clear	clear	以前に設定された位置決め(center、left、right)を無効にする設定 <br clear=""> 属性値は[ none \| left \| right \| all ]のいずれか

　下記の属性は、brタグ以外のタグでも設定できるものがあります。

属性	意味	用途
id	identify	タグ識別子・参照設定(セレクタ)
class	class	参照設定(セレクタ)
title	title	ブラウザ上でタグをポイントすると表示されるテキストを設定
style	style	CSSインライン設定用

id

　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 の設定より優先されます。