目录搜索
文字

HTMLHelper文件包含有助于使用HTML的功能。

  • 加载此助手

  • 可用职能

加载此助手

使用以下代码加载此助手:

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

可用职能

现有下列职能:

heading([$data = ''[, $h = '1'[, $attributes = '']]])

参数:

$ data(string) -  Content $ h(string) - 标题级别$ attributes(混合) -  HTML属性

返回:

HTML标题标签

返回类型:

  • $ datastring) - 内容

  • $ h字符串) - 标题级别

  • $ attributesmixed) -  HTML属性

Returns:  HTML heading tag
Return type:  string
让您创建HTML标题标签。第一个参数将包含数据,第二个参数将包含标题的大小。例:

echo heading('Welcome!', 3);

以上将产生:<h3>欢迎%21</h3>

此外,为了向标题标记添加属性,如HTML类、ID或内联样式,第三个参数接受字符串或数组:

回声标题('Welcome!',3,'class =“pink”'); echo'heading('你好吗?',4,array('id'=>'question','class'=>'green'));

上述代码产生:

<h3 class="pink">Welcome!<h3> <h4 id="question" class="green">How are you?</h4>

img([$src = ''[, $index_page = FALSE[, $attributes = '']]])

参数:

$ src(string) - 图片源数据$ index_page(bool) - 是否将$ src视为路由URI字符串$ attributes(array) -  HTML属性

返回:

HTML图片标签

返回类型:

  • $ src字符串) - 图像源数据

  • $ index_pagebool) - 是否将$ src视为路由URI字符串

  • $ attributesarray) -  HTML属性

Returns:  HTML image tag
Return type:  string
让您创建HTML <img />标签。第一个参数包含图像源。例:

echo img('images / picture.jpg'); //给出<img src =“http://site.com/images/picture.jpg”/>

有一个可选的第二个参数,它是一个true/false值,它指定SRC应该有指定的页面。$config['index_page']添加到它创建的地址中。如果您使用的是媒体控制器,那么大概是这样的:

echo img('images / picture.jpg',TRUE); //给出<img src =“http://site.com/index.php/images/picture.jpg”alt =“”/>

此外,可以将关联数组传递给img()函数,以完全控制所有属性和值。如果未提供alt属性,则CodeIgniter将生成一个空字符串。

例子:

$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([$href = ''[, $rel = 'stylesheet'[, $type = 'text/css'[, $title = ''[, $media = ''[, $index_page = FALSE]]]]]])

参数:

$ href(string) - 我们链接到$ rel(string)的什么 - 关系类型$ type(string) - 相关文档的类型$ title(string) - 链接标题$ media(string) - 介质类型$ index_page(bool ) - 是否将$ src视为路由URI字符串

返回:

HTML链接标记

返回类型:

  • $ hrefstring) - 我们链接到的是什么

  • $ rel字符串) - 关系类型

  • $ typestring) - 相关文档的类型

  • $ titlestring) - 链接标题

  • $ media字符串) - 媒体类型

  • $ index_pagebool) - 是否将$ src视为路由URI字符串

Returns:  HTML link tag
Return type:  string
Lets you create HTML <link /> tags. This is useful for stylesheet links, as well as other links. The parameters are _href_, with optional _rel_, _type_, _title_, _media_ and _index\_page_.

index_page是一个布尔值,用于指定href是否应该将通过$config['index_page']添加指定的页面添加到它创建的地址。

例子:

echo link_tag('css / mystyles.css'); //给出<link href =“http://site.com/css/mystyles.css”rel =“stylesheet”type =“text / css”/>

其他例子:

echo link_tag('favicon.ico','快捷图标','image / ico'); // <link href =“http://site.com/favicon.ico”rel =“shortcut icon”type =“image / ico”/> echo link_tag('feed','alternate','application / rss + xml','我的RSS Feed'); // <link href =“http://site.com/feed”rel =“alternate”type =“application / rss + xml”title =“My RSS Feed”/>

此外,可以将关联数组传递给link()函数,用于对所有属性和值进行完全控制:

$link=Array%28%27 href%27=>%27 css/printer.css%27,%27 rel%27=>%27样式表%27,%27 type%27=>%27 text/css%27,%27media%27=%27打印%27%29;echo链接[医]标签%28$link%29;//<link href="http://site.com/css/printer.css" rel="stylesheet" type="text/css" media="print" />

ul($list[, $attributes = ''])

参数:

$ list(array) - 列出条目$ attributes(array) -  HTML属性

返回:

HTML格式的无序列表

返回类型:

  • $ listarray) - 列出条目

  • $ attributesarray) -  HTML属性

Returns:  HTML-formatted unordered list
Return type:  string
Permits you to generate unordered HTML lists from simple or multi-dimensional arrays. Example:

$ list = array('red','blue','green','yellow'); $ attributes = array('class'=>'boldlist','id'=>'mylist'); echo ul($ list,$ attributes);

上述代码将产生以下结果:

<ul class="boldlist" id="mylist">         <li>red</li>         <li>blue</li>         <li>green</li>         <li>yellow</li> </ul>

下面是一个更复杂的示例,使用多维数组:

$ attributes = array('class'=>'boldlist','id'=>'mylist'); $ list = array('colors'=> array('red','blue','green'),'shapes'=> array('round','square','circles'=> array('ellipse' ''''),'心情'=>数组('happy','upset'=> array('defeated'=> array('dejected','        'disheartened',                                 'depressed'                         ),                         'annoyed',  ))); echo ul($ list,$ attributes);

上述代码将产生以下结果:

<ul class="boldlist" id="mylist">         <li>colors                 <ul>                         <li>red</li>                         <li>blue</li>                         <li>green</li>                 </ul>         </li>         <li>shapes                 <ul>                         <li>round</li>                         <li>suare</li>                         <li>circles                                 <ul>                                         <li>elipse</li>                                         <li>oval</li>                                         <li>sphere</li>                                 </ul>                         </li>                 </ul>         </li>         <li>moods                 <ul>                         <li>happy</li>                         <li>upset                                 <ul>                                         <li>defeated                                                 <ul>                                                         <li>dejected</li>                                                         <li>disheartened</li>                                                         <li>depressed</li>                                                 </ul>                                         </li>                                         <li>annoyed</li>                                         <li>cross</li>                                         <li>angry</li>                                 </ul>                         </li>                 </ul>         </li> </ul>

ol($list, $attributes = '')

参数:

$ list(array) - 列出条目$ attributes(array) -  HTML属性

返回:

HTML格式的有序列表

返回类型:

  • $ listarray) - 列出条目

  • $ attributesarray) -  HTML属性

Returns:  HTML-formatted ordered list
Return type:  string
Identical to [`ul()`](about:blank#ul), only it produces the <ol> tag for ordered lists instead of <ul>.

meta([$name = ''[, $content = ''[, $type = 'name'[, $newline = "n"]]]])

参数:

$ name(字符串) - 元名称$ content(字符串) - 元内容$ type(字符串) - 元类型$ newline(字符串) - 换行符

返回:

HTML元标记

返回类型:

  • $ name字符串) - 元名称

  • $ content字符串) - 元内容

  • $ typestring) - 元类型

  • $ newlinestring) - 换行符

Returns:  HTML meta tag
Return type:  string
帮助您生成元标记。您可以将字符串传递给该函数,或简单数组或多维数组。

例子:

echo meta('description', 'My Great site'); // Generates:  <meta name="description" content="My Great Site" />  echo meta('Content-type', 'text/html; charset=utf-8', 'equiv'); // Note the third parameter.  Can be "equiv" or "name" // Generates:  <meta http-equiv="Content-type" content="text/html; charset=utf-8" />  echo meta(array('name' => 'robots', 'content' => 'no-cache')); // Generates:  <meta name="robots" content="no-cache" />  $meta = array(         array(                 'name' => 'robots',                 'content' => 'no-cache'         ),         array(                 'name' => 'description',                 'content' => 'My Great Site'         ),         array(                 'name' => 'keywords',                 'content' => 'love, passion, intrigue, deception'         ),         array(                 'name' => 'robots',                 'content' => 'no-cache'         ),         array(                 'name' => 'Content-type',                 'content' => 'text/html; charset=utf-8', 'type' => 'equiv'         ) );  echo meta($meta); // Generates: // <meta name="robots" content="no-cache" /> // <meta name="description" content="My Great Site" /> // <meta name="keywords" content="love, passion, intrigue, deception" /> // <meta name="robots" content="no-cache" /> // <meta http-equiv="Content-type" content="text/html; charset=utf-8" />

doctype([$type = 'xhtml1-strict'])

参数:

$ type(字符串) -  Doctype名称

返回:

HTML DocType标签

返回类型:

  • $ type字符串) – Doctype name   Returns:  HTML DocType tag    Return type:  string    Helps you generate document type declarations, or DTD’s. XHTML 1.0 Strict is used by default, but many doctypes are available. Example: echo doctype(); // <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">  echo doctype('html4-trans'); // <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">  The following is a list of doctype choices. These are configurable, and pulled from application/config/doctypes.php    Document type Option Result    XHTML 1.1 xhtml11 <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.1//EN” “[http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd](https://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd)“>   XHTML 1.0 Strict xhtml1-strict <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “[http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd](https://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd)“>   XHTML 1.0 Transitional xhtml1-trans <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “[http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd](https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd)“>   XHTML 1.0 Frameset xhtml1-frame <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Frameset//EN” “[http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd](https://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd)“>   XHTML Basic 1.1 xhtml-basic11 <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML Basic 1.1//EN” “[http://www.w3.org/TR/xhtml-basic/xhtml-basic11.dtd](https://www.w3.org/TR/xhtml-basic/xhtml-basic11.dtd)“>   HTML 5 html5 <!DOCTYPE html>   HTML 4 Strict html4-strict <!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN” “[http://www.w3.org/TR/html4/strict.dtd](https://www.w3.org/TR/html4/strict.dtd)“>   HTML 4 Transitional html4-trans <!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “[http://www.w3.org/TR/html4/loose.dtd](https://www.w3.org/TR/html4/loose.dtd)“>   HTML 4 Frameset html4-frame <!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Frameset//EN” “[http://www.w3.org/TR/html4/frameset.dtd](https://www.w3.org/TR/html4/frameset.dtd)“>   MathML 1.01 mathml1 <!DOCTYPE math SYSTEM “[http://www.w3.org/Math/DTD/mathml1/mathml.dtd](https://www.w3.org/Math/DTD/mathml1/mathml.dtd)“>   MathML 2.0 mathml2 <!DOCTYPE math PUBLIC “-//W3C//DTD MathML 2.0//EN” “[http://www.w3.org/Math/DTD/mathml2/mathml2.dtd](https://www.w3.org/Math/DTD/mathml2/mathml2.dtd)“>   SVG 1.0 svg10 <!DOCTYPE svg PUBLIC “-//W3C//DTD SVG 1.0//EN” “[http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd](https://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd)“>   SVG 1.1 Full svg11 <!DOCTYPE svg PUBLIC “-//W3C//DTD SVG 1.1//EN” “[http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd](https://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd)“>   SVG 1.1 Basic svg11-basic <!DOCTYPE svg PUBLIC “-//W3C//DTD SVG 1.1 Basic//EN” “[http://www.w3.org/Graphics/SVG/1.1/DTD/svg11-basic.dtd](https://www.w3.org/Graphics/SVG/1.1/DTD/svg11-basic.dtd)“>   SVG 1.1 Tiny svg11-tiny <!DOCTYPE svg PUBLIC “-//W3C//DTD SVG 1.1 Tiny//EN” “[http://www.w3.org/Graphics/SVG/1.1/DTD/svg11-tiny.dtd](https://www.w3.org/Graphics/SVG/1.1/DTD/svg11-tiny.dtd)“>   XHTML+MathML+SVG (XHTML host) xhtml-math-svg-xh <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.1 plus MathML 2.0 plus SVG 1.1//EN” “[http://www.w3.org/2002/04/xhtml-math-svg/xhtml-math-svg.dtd](https://www.w3.org/2002/04/xhtml-math-svg/xhtml-math-svg.dtd)“>   XHTML+MathML+SVG (SVG host) xhtml-math-svg-sh <!DOCTYPE svg:svg PUBLIC “-//W3C//DTD XHTML 1.1 plus MathML 2.0 plus SVG 1.1//EN” “http://www.w3.org/2002/04/xhtml-math-svg/xhtml-math-svg.dtd”>   XHTML+RDFa 1.0 xhtml-rdfa-1 <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML+RDFa 1.0//EN” “[http://www.w3.org/MarkUp/DTD/xhtml-rdfa-1.dtd](https://www.w3.org/MarkUp/DTD/xhtml-rdfa-1.dtd)“>   XHTML+RDFa 1.1 xhtml-rdfa-2 <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML+RDFa 1.1//EN” “[http://www.w3.org/MarkUp/DTD/xhtml-rdfa-2.dtd](https://www.w3.org/MarkUp/DTD/xhtml-rdfa-2.dtd)“>   br([$count = 1])参数:$ count(int) - 重复tagReturns的次数:HTML换行符tagReturn类型:string

  • $ countint) - 重复标签的次数

Returns:  HTML line break tag
Return type:  string
Generates line break tags (<br />) based on the number you submit. Example:

回声br(3);

以上将产生:

<br /><br /><br />

这一功能已被废弃。使用本机str_repeat()结合在一起<br />相反。

nbs([$num = 1])

参数:

$ num(int) - 要生成的空间实体的数量

返回:

一系列不间断的空间HTML实体

返回类型:

  • $ numint) - 要生成的空间实体的数量

Returns:  A sequence of non-breaking space HTML entities
Return type:  string
Generates non-breaking spaces (&nbsp;) based on the number you submit. Example:

echonbs(3);

以上将产生:

这个功能是DEPRECATED。str_repeat()结合使用本地和&nbsp;替代。

上一篇:下一篇: