Silex HTML

silex_html 提供了构建用户界面的 DSL (Domain Specific Language)。它是一组简单的工厂函数，用于创建强类型的 HTML 元素。

基础用法

不再需要手写 Element::new("div")，而是直接使用对应的函数：

#![allow(unused)]
fn main() {
use silex_html::{div, p, button};

let view = div((
    h1("Hello Silex"),
    p("This is a fine-grained reactive framework."),
    button("Click me")
));
}

组合与嵌套

由于 Rust 不支持变长参数函数，多个子元素需要包裹在元组中：

#![allow(unused)]
fn main() {
ul((
    li("Item 1"),
    li("Item 2"),
    li("Item 3"),
))
}

为了减少括号噪声，我们提供了一组同名的宏（推荐）：

#![allow(unused)]
fn main() {
use silex_html::{ul, li};

ul!(
    li!("Item 1"),
    li!("Item 2")
)
}

类型安全属性

silex_html 产生的元素是强类型的（如 TypedElement<Input>）。这让 IDE 可以提供更好的补全，并且在编译时检查属性的合法性。

例如，只有 input 才有 type 属性，只有 a 才有 href 属性：

#![allow(unused)]
fn main() {
// ✅ 合法：Input 实现了 FormAttributes
input().type_("text").value("Silex");
// ✅ 合法：Anchor 实现了 AnchorAttributes
a("Link").href("https://github.com");

// ❌ 编译错误：div 没有实现 AnchorAttributes，因此没有 href 方法
// div("Content").href(...) 
}

这些特定属性被组织在不同的 Trait 中（如 FormAttributes, MediaAttributes, TableAttributes 等），只有对应的标签才实现了这些 Trait。全局属性（如 id, class, style）则对所有元素可用。

支持的标签

目前覆盖了所有标准的 HTML5 和 SVG 标签（基于 MDN 数据自动生成）：

• 结构: div, section, header, footer…
• 文本: p, span, h1-h6, strong, em…
• 列表: ul, ol, li.
• 表单: form, input, button, select, option…
• 媒体: img, video, audio…
• SVG: 完整的 SVG 标签支持 (svg, path, circle, filter, feGaussian_blur…)。

所有标签都提供强类型的 TypedElement<T> 返回值，确保类型安全。