ActionView::Helpers::TagHelper
def <要素の名前>(content = nil, escape: true, **options, &block)

説明

要素の名前のメソッド(tag.div など)で、その要素を作ります。

引数

値を変えると、ERB と HTML が変わります。

呼ぶメソッドの名前で、要素の名前になります。名前によって、次のように変わります。
  • div などのふつうの要素:引数の content を中身にして、終了タグも付けます。
  • textarea:中身の前に改行を足します。ブラウザは開始タグの直後の改行を読み飛ばすので、中身が改行で始まっても消えないようにするためです。
  • br などの空要素:終了タグを付けず、> で閉じます。引数の content を受け取らないので、渡すと ArgumentError になります。ブロックを渡しても、使いません。
  • circle などの SVG の要素:中身もブロックも渡さなければ、 /> で閉じます。
  • Rails の HTML の要素の一覧にない名前:_ を - にした名前の要素を作ります。
= nil
要素の中身にします。中身はエスケープします。
= true
false
false にすると、引数の content と HTML 属性の値をエスケープしません。HTML 属性の値の " だけは、&quot; にします。
options= {}
ヘルパー共通の options

Rails はどのヘルパーでも、これらの options を同じように処理します。HTML の仕様で <div> に使えないものや、使う場面が少ないとこのサイトで判断したものは、ここでは省いています。

すべてのヘルパー共通

true にすると disabled="disabled" を追加し、false にすると追加しません。readonly、required、autofocus など、Rails が持っている一覧(BOOLEAN_ATTRIBUTES)にある HTML 属性はどれも同じで、値が false と nil 以外なら 属性名="属性名" の形で追加します。
{active: true, hidden: false}
Hash を渡すと、値が false と nil 以外のキーを空白でつなぎます。配列を渡すと、nil、false、空の文字列(空白だけの文字列も)を外して、空白でつなぎます。
{controller: "tags", tags_suggestions_value: ["ruby", "rails"]}
Hash を渡すと、キーの _ を - にして、data-* 属性を追加します。値に配列や Hash を渡すと、JSON の文字列にします。
{describedby: ["name_help", "name_error"], invalid: false}
:data と同じく、aria-* 属性を追加します。値が配列なら、nil と空の文字列を外して、空白でつなぎます(何も残らなければ、追加しません)。値が Hash なら、値が false と nil 以外のキーを空白でつなぎます。
["section-user", "name"]
配列を渡すと、要素を空白でつないで autocomplete 属性の値にします。
/[a-z]+/i
正規表現を渡すと、/ と / の間の部分を pattern 属性の値にします。i などのフラグは、値に入りません。
ここにない options は、<div> の HTML 属性になります。値が nil なら、その HTML 属性は追加しません。
&block= nil
ブロックを渡すと、ブロックの出力を中身にします。引数の content も渡したときは、content を使いません。

ERB

直前との違い: 追加 削除 変更


          

HTML


          

プレビュー