DAY19 外部リソース指定メソッド

TOKHEE·2024년 4월 15일

1. 画像タグの生成 — image_tag メソッド

- 使用方法: image_tag(source, options = {})

  • image_tag メソッドはHTMLの <img> タグを生成します。
  • ウェブページに画像を挿入し、画像に追加の属性(例: alt テキスト、クラス)を指定することができます。
image_tag("logo.png", alt: "My Logo", class: "my-class")
  • このコードは以下のようなHTMLタグを生成します:
<img src="/assets/logo.png" alt="My Logo" class="my-class">

2. ブラウザで音楽や動画を再生 — audio_tagvideo_tag メソッド

- audio_tag 使用方法:

audio_tag(source, options = {})

- video_tag 使用方法:

video_tag(source, options = {})

  • audio_tagvideo_tag メソッドはそれぞれ <audio><video> タグを生成します。
  • ウェブページで直接オーディオとビデオを再生できます。
  • 再生、一時停止などのコントロールを提供でき、autoplay オプションで自動再生設定も可能です。
audio_tag("music.mp3", autoplay: true, controls: true)
video_tag("movie.mp4", controls: true, size: "640x480")

3. ブラウザのフィード検出機能を有効化 — auto_discovery_link_tag メソッド

  • ウェブページにRSSまたはAtomフィードリンクを自動的に追加します。
  • ウェブサイト訪問者がRSSフィードリーダーを通じてサイトのアップデートを購読できます。
auto_discovery_link_tag(:rss, "http://example.com/feed")

4. サイトのファビコン指定 — favicon_link_tag メソッド

  • favicon_link_tag メソッドはウェブサイトのファビコン(お気に入りアイコン)を設定します。
favicon_link_tag 'favicon.ico'

5. 外部リソースのパス抽出 — path_to_xxxxx メソッド

- 使用方法: path_to_xxxxx(source)

  • 外部リソース(例: スクリプト、スタイルシート)のパスを動的に生成します。
  • 例えば path_to_script のようなメソッドがこれに該当します。
path_to_image("logo.png") # => "/assets/logo.png"

0개의 댓글