気の向くままに辿るIT/ICT
webzoit.netウェブサイトホームページ
HTML/XHTMLタグ・要素・属性・属性値

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

title

 titleは、ほぼ全てのタグで設定可能で、ブラウザ上でポイントされた場合に、titleに設定された属性値が表示されます。

style

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

各種HTMLとHTMLタグ/要素・属性・属性値

ウェブ造ホーム前へ次へ