端くれプログラマの備忘録 CakePHP [CakePHP] HTMLヘルパーの使い方メモ

[CakePHP] HTMLヘルパーの使い方メモ

2015年10月5日| @84kure| 2:21 AM

Categories:

CakePHP

// DOCTYPEの指定
$this->Html->doctype('xhtml-strict');

// キャラクタセットの指定
$this->Html->charset('utf-8');

// METAタグ
// true=その場に出力, false=<head>に配置
$this->Html->meta('description', null, array('content' => '技術ブログです'), false);
$this->Html->meta('keywords', null, array('content' => 'php,cakephp,フレームワーク'), false);

// スタイルシートの読み込み
$this->Html->css('style');	// css/style.css

// スタイルシートの指定
// true=内容を1行にする
$this->Html->style(array('color' => 'red, 'font-weight' => 'bold), false);

// 画像タグの出力
$this->Html->image('sample.jpg', array('width' => 200, 'height' => '300', alt => '猫の写真'));

// リンクの出力
$this->Html->link(
    'Google',                    //タイトル
    'http://google.com/',        //URL
    array('target' => '_blank'), //属性
    'Googleへジャンプします',       //確認メッセージ
    false                        //タイトルをエスケープするか?
);

// <p>タグの出力
$this->Html->para(
    'style1',                    //CSSクラス名
    '我輩は猫である',              //表示テキスト
    array('align' => 'center')   //属性
);

// <div>タグの出力
$this->Html->div(
    'style2',                    //CSSクラス名
    '我輩は猫である',              //表示テキスト
    'onclick' => 'alert("猫")'   //属性
);

// 相対パスの取得
$this->Html->url(
    '/hello/test/',              //CakePHP内の相対パス
    false,                       //true=フルパス
);

参考サイト

HtmlHelper – CakePHP Cookbook 2.x ドキュメント
http://book.cakephp.org/2.0/ja/core-libraries/helpers/html.html