# CodeIgniter ユーザガイド 日本語版 Version 1.6.1

ユーザガイドを検索

# HTMLヘルパ

HTML ヘルパファイルの中身は、HTMLを処理するのに役立つ関数になります。

## ヘルパのロード

このヘルパは、次のコードを使うと読み込まれます:

`$this->load->helper('html');`

次の関数が利用できます:

## br()

改行タグ (<br />) を指定した回数だけ生成します。例:

`echo br(3);`

上のコードは次のようなHTMLを生成します: <br /><br /><br />

## heading()

HTML <h?> タグを生成できます。第1引数にデータを、第2引数には見出しレベルを指定します。例としては:

`echo heading('Welcome!', 3);`

上のコードは次のようなHTMLを生成します: <h3>Welcome!</h3>

## img()

<img /> タグを生成できます。第1引数には画像のソースを指定します。 例:

`echo img('images/picture.jpg');
// 結果 <img src="http://site.com/images/picture.jpg" />`

第2引数には$config['index_page']に設定されている値をsrcに含めるかどうかをTRUE/FALSEで指定します。

`echo img('images/picture.jpg', TRUE);
// 結果 <img src="http://site.com/index.php/images/picture.jpg" />`

また、連想配列を使うことで全ての属性と値を渡すことができます。

`$image_properties = array(
'src' => 'images/picture.jpg',
'alt' => 'Me, demonstrating how to eat 4 slices of pizza at one time',
'class' => 'post_images',
'width' => '200',
'height' => '200',
'title' => 'That was quite a night',
'rel' => 'lightbox',
);
img($image_properties);
// <img src="http://site.com/index.php/images/picture.jpg" alt="Me, demonstrating how to eat 4 slices of pizza at one time" class="post_images" width="200" height="200" title="That was quite a night" rel="lightbox" />`

## link_tag()

<link /> タグを生成できます。 スタイルシートなどの参照に使うことができます。 引数には href と、オプションで rel、type、title、media、index_page を指定できます。 index_page には $config['index_page'] で設定されている値を含めるかどうかをTRUE/FALSEで指定します。`echo link_tag('css/mystyles.css');
// 結果 <link href="http://site.com/css/mystyles.css" rel="stylesheet" type="text/css" />`

その他の例:

`echo link_tag('favicon.ico', 'shortcut icon', 'image/ico');
// <link href="http://site.com/favicon.ico" rel="shortcut icon" type="image/ico" />
echo link('feed', 'alternate', 'application/rss+xml', 'My RSS Feed');
// <link href="http://site.com/feed" rel="alternate" type="application/rss+xml" title="My RSS Feed" />`

また、連想配列を使うことで全ての属性と値を渡すことができます。

`$link = array(
'href' => 'css/printer.css',
'rel' => 'stylesheet',
'type' => 'text/css',
'media' => 'print'
);
echo link_tag($link);
// <link href="http://site.com/css/printer.css" rel="stylesheet" type="text/css" media="print" />`

## nbs()

改行なしスペース(&nbsp;) を指定した数だけ生成します。例:

`echo nbs(3);`

上のコードは次のようなHTMLを生成します: &nbsp;&nbsp;&nbsp;

## ol() と ul()

順番付き、または、順番なしHTMLリストを単純な配列または多次元配列から生成できます。例:

`$this->load->helper('html');
$list = array(
'赤',
'青',
'緑',
'黄'
);
$attributes = array(
'class' => 'boldlist',
'id' => 'mylist'
);
echo ul($list, $attributes);
`

上のコードは次のようなHTMLを生成します:

`<ul class="boldlist" id="mylist">
<li>赤</li>
<li>青</li>
<li>緑</li>
<li>黄</li>
</ul>`

多次元配列を使ったもう少し複雑な例です:

`$this->load->helper('html');
$list = array(
'色' => array(
'赤',
'青',
'緑'
),
'形' => array(
'角が丸いもの',
'四角いもの',
'円形' => array(
'楕円',
'卵型',
'円'
)
),
'雰囲気' => array(
'幸福',
'動揺' => array(
'挫折' => array(
'意気消沈',
'落胆',
'うつ状態'
),
'いらいら',
'不機嫌',
'怒り'
)
)
);
echo ul($list);`

上のコードは次のようなHTMLを生成します:

`<ul class="boldlist" id="mylist">
<li>色
<ul>
<li>赤</li>
<li>青</li>
<li>緑</li>
</ul>
</li>
<li>形
<ul>
<li>角が丸いもの</li>
<li>四角いもの</li>
<li>円形
<ul>
<li>楕円</li>
<li>卵型</li>
<li>円</li>
</ul>
</li>
</ul>
</li>
<li>気持ち
<ul>
<li>幸福</li>
<li>動揺
<ul>
<li>挫折感
<ul>
<li>意気消沈</li>
<li>落胆</li>
<li>うつ状態</li>
</ul>
</li>
<li>いらいら</li>
<li>不機嫌</li>
<li>怒り</li>
</ul>
</li>
</ul>
</li>
</ul>`