README

轻松处理 HTML5 和 CSS3

一个示例，展示代码如何工作

Styper 代码

<html>
[lang="fr"]
{color:red;}
(
    <head>
    (
        <meta>[charset="UTF-8"]
        <title>(Styper source)
    )
    <body>
    (
        <p>[id="main-content"]{color:blue}(Welcome to Styper !)
    )
)

等效的 HTML5 代码

<!DOCTYPE html>
<html lang="fr">
    <head>
        <meta charset="UTF-8"/>
        <title>Styper source</title>
        <style>
        html
        {
            color: red;
        }
        p#main-content
        {
            color: blue;
        }
        </style>
    </head>
    <body>
        <p>Welcome to Styper !</p>
    </body>
</html>

等效的 PHP5 代码

<?php use Styper\Document;
require 'vendor/autoload.php';
$document = new Document('html', 5);
$document->setAttribute('lang', 'fr');
$document->setProperty('color', 'red');
$document->head->meta->charset = 'UTF-8';
$document->title = 'Welcome to Styper !';
$p = $document->createElement('p');
$p->setAttribute('id', 'main-content');
$p->setProperty('color', 'red');
$p->setContent('Welcome to Styper !');
$document->prepend($p, $body);
$document->save();

sikessem / html

维护者

详细信息

README