README

创建 HTML 标签并高效渲染。

构建状态

• 主分支
• 开发分支

概述

return HtmlTag::createElement();
// returns an empty HtmlTag Container

return HtmlTag::createElement('a');
// returns an HtmlTag containing a 'a' tag

为什么你应该使用它

• 它总是生成有效的 HTML 和 XHTML 代码
• 它使模板更简洁
• 它易于使用且执行速度快

渲染标签

echo(HtmlTag::createElement('a'));

或者

$tag = HtmlTag::createElement('a')
echo( $tag );

简单标签

echo HtmlTag::createElement('div');

<div></div>

echo(HtmlTag::createElement('p')->text('some content'));

<p>some content</p>

结构化标签

echo(HtmlTag::createElement('div')->addElement('a')->text('a text'));

<div><a>a text</a></div>

$container = HtmlTag::createElement('div');
$container->addElement('p')->text('a text');
$container->addElement('a')->text('a link');

<div><p>a text</p><a>a link</a></div>

属性

经典属性（方法：'set'）

$tag = HtmlTag::createElement('a')
    ->set('href','./sample.php')
    ->set('id','myID')
    ->text('my link');
echo( $tag );

<a href='./sample.php' id='myID'>my link</a>

设置 ID 属性的快捷方式（方法：'id'）

$tag = HtmlTag::createElement('div')
    ->id('myID');
echo( $tag );

<div id='myID'>my link</div>

类管理（方法：'addClass'/'removeClass'）

$tag = HtmlTag::createElement('div')
    ->addClass('oneClass')
    ->text('my content')
echo( $tag );

<div class="oneClass">my content</div>

$tag = HtmlTag::createElement('div')
    ->addClass('aClass')
    ->addClass('anothereClass')
    ->text('my content')
echo( $tag );

<div class="aClass anothereClass">my content</div>

$tag = HtmlTag::createElement('div')
    ->addClass('firstClass')
    ->addClass('secondClass')
    ->text('my content')
    ->removeClass('firstClass');
echo( $tag );

<div class="secondClass">my content</div>

更多

文本和内容根据添加的顺序生成

$tag = HtmlTag::createElement('p')
    ->text('a text')
    ->addElement('a')
    ->text('a link');

<p>ma text<a>a link</a></p>

要在文本之前生成内容，有2种解决方案

$tag = HtmlTag::createElement('p')
    ->addElement('a')
    ->text('a link')
    ->getParent()
    ->text('a text');

或者

$tag = HtmlTag::createElement('p');
$tag->addElement('a')->text('a link');
$tag->text('a text');

<p><a>a link</a>a text</p>