el

package

v0.0.0-...-89ded34 Latest Latest Go to latest Published: Jan 23, 2026 License: MIT Imports: 15 Imported by: 0

Details

Valid go.mod file
Redistributable license
Tagged version
Stable version
Learn more about best practices

Repository

github.com/zlsgo/app_module

Links

Open Source Insights

Documentation ¶

Index ¶

Constants
Variables
func MustRenderBytes(ctx context.Context, items ...Item) []byte
func Render(ctx context.Context, w io.Writer, items ...Item) error
func RenderBytes(ctx context.Context, items ...Item) ([]byte, error)
func RenderChunk(chunk Chunk, ctx context.Context, w io.Writer) error
func RenderNode(ctx context.Context, w io.Writer, node Node) error
type AttrValue
type Attribute
- func Accept(value string) *Attribute
- func AcceptCharset(value string) *Attribute
- func AccessKey(value string) *Attribute
- func Action(value string) *Attribute
- func Align(value string) *Attribute
- func Alt(value string) *Attribute
- func Aria(name, value string) *Attribute
- func As(value string) *Attribute
- func Async(value string) *Attribute
- func Attr[T AttrValue](key string, value T) *Attribute
- func Autocomplete(value string) *Attribute
- func Autofocus(value string) *Attribute
- func Autoplay(value string) *Attribute
- func Charset(value string) *Attribute
- func Cite(value string) *Attribute
- func Class(class string) *Attribute
- func Color(value string) *Attribute
- func Cols(value string) *Attribute
- func Colspan(value string) *Attribute
- func Content(value string) *Attribute
- func Controls(value string) *Attribute
- func Coords(value string) *Attribute
- func Crossorigin(value string) *Attribute
- func Data[T AttrValue](name string, value T) *Attribute
- func Datetime(value string) *Attribute
- func Default(value string) *Attribute
- func Dirname(value string) *Attribute
- func Download(value string) *Attribute
- func Draggable(value string) *Attribute
- func Enctype(value string) *Attribute
- func EnterKeyHint(value string) *Attribute
- func For(value string) *Attribute
- func Form(value string) *Attribute
- func FormAction(value string) *Attribute
- func Headers(value string) *Attribute
- func Height(value string) *Attribute
- func Hidden(value string) *Attribute
- func High(value string) *Attribute
- func Href(value string) *Attribute
- func HrefLang(value string) *Attribute
- func HttpEquiv(value string) *Attribute
- func ID(value string) *Attribute
- func Inert(value string) *Attribute
- func InputMode(value string) *Attribute
- func IsMap(value string) *Attribute
- func Kind(value string) *Attribute
- func Label(value string) *Attribute
- func Lang(value string) *Attribute
- func List(value string) *Attribute
- func Loop(value string) *Attribute
- func Low(value string) *Attribute
- func Max(value string) *Attribute
- func MaxLength(value string) *Attribute
- func Media(value string) *Attribute
- func Method(value string) *Attribute
- func Min(value string) *Attribute
- func MinLength(value string) *Attribute
- func Multiple(value string) *Attribute
- func Muted(value string) *Attribute
- func Name(value string) *Attribute
- func Placeholder(value string) *Attribute
- func Property(value string) *Attribute
- func Rel(value string) *Attribute
- func Role(value string) *Attribute
- func ShadowRootMode(value string) *Attribute
- func Slot(value string) *Attribute
- func Src(value string) *Attribute
- func Style(value string) *Attribute
- func Tabindex(value string) *Attribute
- func Target(value string) *Attribute
- func Title(value string) *Attribute
- func Type(value string) *Attribute
- func Value(value string) *Attribute
- func Width(value string) *Attribute
- func (a *Attribute) Apply(el *Element)
- func (*Attribute) Item()
- func (*Attribute) LifeCycle() ProperLifeCycle
type Chunk
type ChunkWriter
- func NewChunkWriter() ChunkWriter
type Component
- func (Component) Item()
- func (Component) Release()
- func (c Component) Render(cw ChunkWriter)
type DeferredAttribute
- func DeferredAttr(key string, fn func(context.Context) string) *DeferredAttribute
- func (a *DeferredAttribute) Apply(ctx context.Context, w io.Writer) error
- func (*DeferredAttribute) Item()
- func (*DeferredAttribute) LifeCycle() ProperLifeCycle
type DynamicChunk
type Element
- func A(items ...Item) *Element
- func ABBR(items ...Item) *Element
- func ADDRESS(items ...Item) *Element
- func AREA(items ...Item) *Element
- func ARTICLE(items ...Item) *Element
- func ASIDE(items ...Item) *Element
- func AUDIO(items ...Item) *Element
- func B(items ...Item) *Element
- func BASE(items ...Item) *Element
- func BDI(items ...Item) *Element
- func BDO(items ...Item) *Element
- func BLOCKQUOTE(items ...Item) *Element
- func BODY(items ...Item) *Element
- func BR(items ...Item) *Element
- func BUTTON(items ...Item) *Element
- func CANVAS(items ...Item) *Element
- func CAPTION(items ...Item) *Element
- func CITE(items ...Item) *Element
- func CODE(items ...Item) *Element
- func COL(items ...Item) *Element
- func COLGROUP(items ...Item) *Element
- func DATAEL(items ...Item) *Element
- func DATALIST(items ...Item) *Element
- func DD(items ...Item) *Element
- func DEL(items ...Item) *Element
- func DETAILS(items ...Item) *Element
- func DFN(items ...Item) *Element
- func DIALOG(items ...Item) *Element
- func DIV(items ...Item) *Element
- func DL(items ...Item) *Element
- func DT(items ...Item) *Element
- func EM(items ...Item) *Element
- func EMBED(items ...Item) *Element
- func El(name string, items ...Item) *Element
- func FIELDSET(items ...Item) *Element
- func FIGCAPTION(items ...Item) *Element
- func FIGURE(items ...Item) *Element
- func FOOTER(items ...Item) *Element
- func FORM(items ...Item) *Element
- func H1(items ...Item) *Element
- func H2(items ...Item) *Element
- func H3(items ...Item) *Element
- func H4(items ...Item) *Element
- func H5(items ...Item) *Element
- func H6(items ...Item) *Element
- func HEAD(items ...Item) *Element
- func HEADER(items ...Item) *Element
- func HGROUP(items ...Item) *Element
- func HR(items ...Item) *Element
- func HTML(items ...Item) *Element
- func I(items ...Item) *Element
- func IFRAME(items ...Item) *Element
- func IMG(items ...Item) *Element
- func INPUT(items ...Item) *Element
- func INS(items ...Item) *Element
- func KBD(items ...Item) *Element
- func LABEL(items ...Item) *Element
- func LEGEND(items ...Item) *Element
- func LI(items ...Item) *Element
- func LINK(items ...Item) *Element
- func MAIN(items ...Item) *Element
- func MAPEL(items ...Item) *Element
- func MARK(items ...Item) *Element
- func MENU(items ...Item) *Element
- func META(items ...Item) *Element
- func METER(items ...Item) *Element
- func NAV(items ...Item) *Element
- func NOSCRIPT(items ...Item) *Element
- func OBJECT(items ...Item) *Element
- func OL(items ...Item) *Element
- func OPTGROUP(items ...Item) *Element
- func OPTION(items ...Item) *Element
- func OUTPUT(items ...Item) *Element
- func P(items ...Item) *Element
- func PICTURE(items ...Item) *Element
- func PRE(items ...Item) *Element
- func PROGRESS(items ...Item) *Element
- func Q(items ...Item) *Element
- func RP(items ...Item) *Element
- func RT(items ...Item) *Element
- func RUBY(items ...Item) *Element
- func S(items ...Item) *Element
- func SAMP(items ...Item) *Element
- func SCRIPT(items ...Item) *Element
- func SEARCH(items ...Item) *Element
- func SECTION(items ...Item) *Element
- func SELECT(items ...Item) *Element
- func SLOT(items ...Item) *Element
- func SMALL(items ...Item) *Element
- func SOURCE(items ...Item) *Element
- func SPAN(items ...Item) *Element
- func STRONG(items ...Item) *Element
- func STYLE(items ...Item) *Element
- func SUB(items ...Item) *Element
- func SUMMARY(items ...Item) *Element
- func SUP(items ...Item) *Element
- func TABLE(items ...Item) *Element
- func TBODY(items ...Item) *Element
- func TD(items ...Item) *Element
- func TEMPLATE(items ...Item) *Element
- func TEXTAREA(items ...Item) *Element
- func TFOOT(items ...Item) *Element
- func TH(items ...Item) *Element
- func THEAD(items ...Item) *Element
- func TIME(items ...Item) *Element
- func TITLE(items ...Item) *Element
- func TR(items ...Item) *Element
- func TRACK(items ...Item) *Element
- func U(items ...Item) *Element
- func UL(items ...Item) *Element
- func VAR(items ...Item) *Element
- func VIDEO(items ...Item) *Element
- func VoidEl(name string, items ...Item) *Element
- func WBR(items ...Item) *Element
- func (e *Element) AddClass(class string)
- func (e *Element) AppendNode(node Node)
- func (e *Element) Clone() *Element
- func (e *Element) Get(key string) any
- func (e *Element) GetAttribute(key string) string
- func (e *Element) GetAttributes() map[string]string
- func (e *Element) GetNodes() []Node
- func (*Element) Item()
- func (e *Element) Release()
- func (e *Element) Render(w ChunkWriter)
- func (e *Element) Set(key string, value any)
- func (e *Element) SetAttribute(key, value string)
- func (e *Element) SetAttributes(list map[string]string)
- func (e *Element) Tag() string
type Frag
- func Fragment(nodes ...Node) Frag
- func (Frag) Item()
- func (f Frag) Release()
- func (f Frag) Render(w ChunkWriter)
type Item
- func If(cond bool, item Item) Item
- func IfFn(cond bool, fn func() Item) Item
- func Switch[T comparable](expr T, cases ...*SwitchCase[T]) Item
type JSONNode
- func JSON(data any) *JSONNode
- func (*JSONNode) Item()
- func (*JSONNode) Release()
- func (n *JSONNode) Render(w ChunkWriter)
- func (n *JSONNode) WithIndent(indent string) *JSONNode
type Node
- func Iter[T any](s iter.Seq[T], fn func(T) Node) Node
- func Iter2[K any, V any](s iter.Seq2[K, V], fn func(K, V) Node) Node
- func Map[E any](s []E, fn func(E) Node) Node
- func MapIdx[E any](s []E, fn func(E, int) Node) Node
type Proper
type ProperLifeCycle
type Raw
- func (Raw) Item()
- func (Raw) Release()
- func (t Raw) Render(w ChunkWriter)
type StaticChunk
type SwitchCase
- func Case[T comparable](v T, item Item) *SwitchCase[T]
- func CaseFn[T comparable](v T, fn func() Item) *SwitchCase[T]
- func DefaultEl[T comparable](item Item) *SwitchCase[T]
- func DefaultElFn[T comparable](fn func() Item) *SwitchCase[T]
type Text
- func Textf(format string, a ...any) Text
- func (Text) Item()
- func (Text) Release()
- func (t Text) Render(w ChunkWriter)

Constants ¶

View Source

const (
	LifeCycleImmediate = ProperLifeCycle(iota)
	LifeCycleStatic
	LifeCycleDeferred
)

Variables ¶

View Source

var Checked = Attr("checked", "")

View Source

var ContentEditable = Attr("contenteditable", "")

HTML contenteditable 全局属性 ¶

contenteditable 全局属性是一个枚举属性，指示元素是否应由用户编辑。如果是，浏览器会修改其小部件以允许编辑。

https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Global_attributes/contenteditable

View Source

var Defer = Attr("defer", "")

View Source

var Disabled = Attr("disabled", "")

HTML 属性：disabled ¶

布尔 disabled 属性存在时，使元素不可变、不可聚焦，甚至不能与表单一起提交。用户既不能编辑也不能聚焦于控件，也不能聚焦于其表单控件后代。

https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Attributes/disabled

View Source

var Doctype = VoidEl("!DOCTYPE", Attr("html", ""))

Doctype 文档类型声明 ¶

在 HTML 中，doctype 是所有文档顶部必需的 <!doctype html> 前导声明。其唯一目的是防止浏览器在渲染文档时切换到所谓的"怪异模式"；也就是说，<!doctype html> doctype 确保浏览器尽最大努力遵循相关规范，而不是使用与某些规范不兼容的不同渲染模式。

doctype 不区分大小写。MDN 代码示例的惯例是使用小写，但将其写为 <!DOCTYPE html> 也很常见。

https://developer.mozilla.org/en-US/docs/Glossary/Doctype

View Source

var NoValidate = Attr("novalidate", "")

HTML 属性：novalidate ¶

此布尔属性指示提交时不应验证表单。如果未设置此属性（因此验证表单），则可以被属于表单的 <button>、<input type="submit"> 或 <input type="image"> 元素上的 formnovalidate 属性覆盖。

https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/form#novalidate

View Source

var Required = Attr("rel", "")

HTML 属性：required ¶

布尔型 required 属性存在时，表示用户必须在提交所属表单前为该输入提供值。

该属性适用于 text、search、url、tel、email、password、date、month、week、time、datetime-local、number、checkbox、radio、file 等 `<input>` 类型，以及 `<select>` 与 `<textarea>` 控件。设置后，控件会匹配 `:required` 伪类；若未设置，则匹配 `:optional`。

range 与 color 类型具有默认值，因此不支持 required。color 默认 `#000000`，range 默认位于 min 与 max 中点（若未声明，常见默认为 0 与 100）。hidden 类型也不支持 required，因为用户无法填写隐藏字段；所有按钮类型（包括 image）同样不支持。

对于同名的单选按钮组，只要其中任意一个设置了 required，该组就必须至少选中一个选项，建议要么全部设置 required，要么全部不设，以便维护。对于同名复选框组，仅那些带 required 的复选框是必填项。

\t> 将 `aria-required="true"` 设置在元素上会通知屏幕阅读器该元素必填，但不会影响实际校验逻辑。

https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Attributes/required

Functions ¶

func MustRenderBytes ¶

func MustRenderBytes(ctx context.Context, items ...Item) []byte

MustRenderBytes 渲染并返回字节结果，并在出现错误时 panic，适合初始化时使用。

func Render ¶

func Render(ctx context.Context, w io.Writer, items ...Item) error

Render 依次渲染多个 Item，常用于直接输出顶层节点或片段。仅 Node 类型会被渲染，其他 Item 会返回错误。

func RenderChunk ¶

func RenderChunk(chunk Chunk, ctx context.Context, w io.Writer) error

RenderChunk 根据 Chunk 的具体类型将内容渲染到 io.Writer 中。若为 DynamicChunk，则执行回调；若为 StaticChunk，则直接写入原始字节。

func RenderNode ¶

func RenderNode(ctx context.Context, w io.Writer, node Node) error

RenderNode 渲染单个 Node，并将输出写入 io.Writer。该方法内部会处理 ChunkWriter 以及节点的释放，便于直接输出节点内容。

Types ¶

type AttrValue ¶

type AttrValue interface {
	string | ztype.Map | bool
}

func Accept ¶

func Accept(value string) *Attribute

HTML 属性：accept ¶

accept 属性的值是一个逗号分隔的列表，包含一个或多个文件类型或唯一文件类型说明符，描述允许哪些文件类型。

https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Attributes/accept

func AcceptCharset ¶

func AcceptCharset(value string) *Attribute

func AccessKey ¶

func AccessKey(value string) *Attribute

func Action ¶

func Action(value string) *Attribute

func Align ¶

func Align(value string) *Attribute

func Alt ¶

func Alt(value string) *Attribute

<img> alt 属性 ¶

定义可以在页面中替换图像的文本。

> 浏览器并不总是显示图像。浏览器可能不显示图像的情况有很多，例如：

非视觉浏览器（例如视觉障碍人士使用的浏览器）
用户选择不显示图像（节省带宽、隐私原因）
图像无效或不支持的类型

在这些情况下，浏览器可能会用元素的 alt 属性中的文本替换图像。出于这些原因和其他原因，请尽可能为 alt 提供有用的值。

将此属性设置为空字符串 (alt="") 表示此图像不是内容的关键部分（它是装饰或跟踪像素），非视觉浏览器可能会在渲染时省略它。如果 alt 属性为空且图像无法显示，视觉浏览器也会隐藏损坏的图像图标。

此属性还用于将图像复制并粘贴到文本时，或将链接的图像保存到书签时。

https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/img#alt

func Aria ¶

func Aria(name, value string) *Attribute

func As ¶

func As(value string) *Attribute

func Async ¶

func Async(value string) *Attribute

func Autocomplete ¶

func Autocomplete(value string) *Attribute

HTML 属性：autocomplete ¶

它可用于接受文本或数字值作为输入的 <input> 元素、<textarea> 元素、<select> 元素和 <form> 元素。

https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Attributes/autocomplete

func Autofocus ¶

func Autofocus(value string) *Attribute

HTML 属性：autofocus ¶

func Autoplay ¶

func Autoplay(value string) *Attribute

HTML 属性：autoplay ¶

func Charset ¶

func Charset(value string) *Attribute

HTML 属性：charset ¶

此属性声明文档的字符编码。如果存在该属性，其值必须是字符串 "utf-8" 的 ASCII 不区分大小写匹配，因为 UTF-8 是 HTML5 文档的唯一有效编码。声明字符编码的 <meta> 元素必须完全位于文档的前 1024 字节内。

https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/meta#charset

func Cite ¶

func Cite(value string) *Attribute

<blockquote> cite 属性 ¶

指定引用信息的源文档或消息的 URL。此属性旨在指向解释引用的上下文或参考的信息。

https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/blockquote#cite

func Class ¶

func Class(class string) *Attribute

HTML class 全局属性 ¶

class 全局属性是元素的类列表，由 ASCII 空格分隔。

https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Global_attributes/class

func Color ¶

func Color(value string) *Attribute

func Cols ¶

func Cols(value string) *Attribute

func Colspan ¶

func Colspan(value string) *Attribute

func Content ¶

func Content(value string) *Attribute

HTML 属性：content ¶

content 属性指定由 <meta> name 属性定义的元数据名称的值。它以字符串作为其值，预期的语法因使用的 name 值而异。

https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Attributes/content

func Controls ¶

func Controls(value string) *Attribute

func Coords ¶

func Coords(value string) *Attribute

func Crossorigin ¶

func Crossorigin(value string) *Attribute

HTML 属性：crossorigin ¶

crossorigin 属性对 <audio>、<img>、<link>、<script> 和 <video> 元素有效，提供对 CORS 的支持，定义元素如何处理跨源请求，从而启用元素获取数据的 CORS 请求配置。根据元素的不同，该属性可以是 CORS 设置属性。

媒体元素上的 crossorigin 内容属性是 CORS 设置属性。

这些属性是枚举的，具有以下可能的值：

请求使用 CORS 标头，凭据标志设置为 'same-origin'。除非目标是同源，否则不会通过 cookie、客户端 TLS 证书或 HTTP 身份验证交换用户凭据。

请求使用 CORS 标头，凭据标志设置为 'include'，并且始终包含用户凭据。

将属性名称设置为空值，如 crossorigin 或 crossorigin=""，与 anonymous 相同。

无效的关键字和空字符串将作为 anonymous 关键字处理。

默认情况下（即未指定属性时），根本不使用 CORS。用户代理不会请求对资源的完全访问权限，在跨源请求的情况下，将根据相关元素的类型应用某些限制：

> 基于 Chromium 的浏览器不支持 rel="icon" 的 crossorigin 属性。请参阅未解决的 Chromium 问题。

https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Attributes/crossorigin

func Data ¶

func Data[T AttrValue](name string, value T) *Attribute

HTML data-* 全局属性 ¶

data-* 全局属性形成一类称为自定义数据属性的属性，允许脚本在 HTML 及其 DOM 表示之间交换专有信息。

https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Global_attributes/data-*

func Datetime ¶

func Datetime(value string) *Attribute

func Default ¶

func Default(value string) *Attribute

func Dirname ¶

func Dirname(value string) *Attribute

HTML 属性：dirname ¶

dirname 属性可用于 <textarea> 元素和多个 <input> 类型，并描述表单提交期间元素文本内容的方向性。浏览器使用此属性的值来确定用户输入的文本是从左到右还是从右到左定向的。使用时，元素的文本方向性值与 dirname 属性的值一起作为字段名称包含在表单提交数据中。

https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Attributes/dirname

func Download ¶

func Download(value string) *Attribute

func Draggable ¶

func Draggable(value string) *Attribute

HTML draggable 全局属性 ¶

draggable 全局属性是一个枚举属性，指示元素是否可以拖动，无论是使用原生浏览器行为还是 HTML 拖放 API。

draggable 属性可以应用于严格属于 HTML 命名空间的元素，这意味着它不能应用于 SVG。有关命名空间声明的外观以及它们的作用的更多信息，请参阅命名空间速成课程。

draggable 可以具有以下值：

> 此属性是枚举的而不是布尔的。true 或 false 的值是强制性的，并且禁止使用像 <img draggable> 这样的简写。正确的用法是 <img draggable="true">。

如果未设置此属性，其默认值为 auto，这意味着拖动行为是默认的浏览器行为：只能拖动文本选择、图像和链接。对于其他元素，必须设置事件 ondragstart 才能使拖放工作，如此综合示例所示。

https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Global_attributes/draggable

func Enctype ¶

func Enctype(value string) *Attribute

func EnterKeyHint ¶

func EnterKeyHint(value string) *Attribute

func For ¶

func For(value string) *Attribute

HTML 属性：for ¶

for 属性是 <label> 和 <output> 的允许属性。在 <label> 元素上使用时，它指示此标签描述的表单元素。在 <output> 元素上使用时，它允许在表示输出中使用的值的元素之间建立显式关系。

https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Attributes/for

func Form ¶

func Form(value string) *Attribute

HTML 属性：form ¶

form HTML 属性将表单关联元素与同一文档中的 <form> 元素关联。此属性适用于 <button>、<fieldset>、<input>、<object>、<output>、<select> 和 <textarea> 元素。

https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Attributes/form

func FormAction ¶

func FormAction(value string) *Attribute

<form> action 属性 ¶

处理表单提交的 URL。此值可以被 <button>、<input type="submit"> 或 <input type="image"> 元素上的 formaction 属性覆盖。当设置 method="dialog" 时，此属性将被忽略。

https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/form#action

func Headers ¶

func Headers(value string) *Attribute

func Height ¶

func Height(value string) *Attribute

SVG 属性：height ¶

height 属性定义用户坐标系统中元素的垂直长度。

https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Attribute/height

func Hidden ¶

func Hidden(value string) *Attribute

HTML hidden 全局属性 ¶

hidden 全局属性是一个枚举属性，指示浏览器不应呈现元素的内容。例如，它可用于隐藏在登录过程完成之前无法使用的页面元素。

https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Global_attributes/hidden

func High ¶

func High(value string) *Attribute

func Href ¶

func Href(value string) *Attribute

<a> href 属性 ¶

超链接指向的 URL。链接不限于基于 HTTP 的 URL — 它们可以使用浏览器支持的任何 URL 方案：

使用 tel: URL 的电话号码
使用 mailto: URL 的电子邮件地址
使用 sms: URL 的短信文本消息
使用 javascript: URL 的可执行代码
虽然 Web 浏览器可能不支持其他 URL 方案，但网站可以使用 registerProtocolHandler()

此外，其他 URL 功能可以定位资源的特定部分，包括：

使用文档片段的页面部分
使用文本片段的特定文本部分
使用媒体片段的媒体文件片段

https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/a#href

func HrefLang ¶

func HrefLang(value string) *Attribute

<a> hreflang 属性 ¶

提示链接 URL 的人类语言。没有内置功能。允许的值与全局 lang 属性相同。

https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/a#hreflang

func HttpEquiv ¶

func HttpEquiv(value string) *Attribute

<meta> http-equiv 属性 ¶

当 <meta> 元素具有 http-equiv 属性时，content 属性定义相应的 http-equiv 值。例如，以下 <meta> 标记告诉浏览器在 5 分钟后刷新页面：

https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/meta/http-equiv

func ID ¶

func ID(value string) *Attribute

HTML id 全局属性 ¶

id 全局属性定义一个标识符 (ID)，该标识符在整个文档中必须是唯一的。

https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Global_attributes/id

func Inert ¶

func Inert(value string) *Attribute

func InputMode ¶

func InputMode(value string) *Attribute

func IsMap ¶

func IsMap(value string) *Attribute

func Kind ¶

func Kind(value string) *Attribute

func Label ¶

func Label(value string) *Attribute

func Lang ¶

func Lang(value string) *Attribute

HTML lang 全局属性 ¶

lang 全局属性帮助定义元素的语言：不可编辑元素所用的语言，或可编辑元素应由用户编写的语言。该属性包含单个 BCP 47 语言标记。

> lang 的默认值是空字符串，这意味着语言未知。因此，建议始终为此属性指定适当的值。

https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Global_attributes/lang

func List ¶

func List(value string) *Attribute

func Loop ¶

func Loop(value string) *Attribute

func Low ¶

func Low(value string) *Attribute

func Max ¶

func Max(value string) *Attribute

HTML 属性：max ¶

max 属性定义包含该属性的输入可接受和有效的最大值。如果元素的值大于此值，则元素验证失败。此值必须大于或等于 min 属性的值。如果存在 max 属性但未指定或无效，则不应用最大值。如果 max 属性有效且非空值大于 max 属性允许的最大值，则约束验证将阻止表单提交。

max 属性对数字输入类型有效，包括 date、month、week、time、datetime-local、number 和 range 类型，以及 <progress> 和 <meter> 元素。它是一个数字，指定表单控件被视为有效的最大正值。

如果值超过允许的最大值，validityState.rangeOverflow 将为 true，并且控件将与 :out-of-range 和 :invalid 伪类匹配。

https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Attributes/max

func MaxLength ¶

func MaxLength(value string) *Attribute

HTML 属性：maxlength ¶

maxlength 属性定义用户可以输入到 <input> 或 <textarea> 中的最大字符串长度。该属性必须具有 0 或更高的整数值。

长度以 UTF-16 代码单元测量，通常但并非总是等于字符数。如果未指定 maxlength 或指定了无效值，则输入没有最大长度。

任何 maxlength 值必须大于或等于 minlength 的值（如果存在且有效）。如果字段的文本值的长度大于 maxlength UTF-16 代码单元长，则输入将无法通过约束验证。约束验证仅在用户更改值时应用。

https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Attributes/maxlength

func Media ¶

func Media(value string) *Attribute

HTML 属性：media ¶

media 属性定义应将 content 属性中定义的主题颜色应用于哪些媒体。其值是媒体查询，如果缺少该属性，则默认为 all。此属性仅在元素的 name 属性设置为 theme-color 时才相关。否则，它没有效果，不应包含。

https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/meta#media

func Method ¶

func Method(value string) *Attribute

HTML 属性：method ¶

提交表单的 HTTP 方法。唯一允许的方法/值是（不区分大小写）：

post：POST 方法；表单数据作为请求正文发送。 get（默认）：GET；表单数据附加到带有 ? 分隔符的 action URL。当表单没有副作用时使用此方法。 dialog：当表单位于 <dialog> 内时，关闭对话框并在提交时触发 submit 事件，而不提交数据或清除表单。此值被 <button>、<input type="submit"> 或 <input type="image"> 元素上的 formmethod 属性覆盖。

https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/form#method

func Min ¶

func Min(value string) *Attribute

HTML 属性：min ¶

min 属性定义包含该属性的输入可接受和有效的最小值。如果元素的值小于此值，则元素验证失败。此值必须小于或等于 max 属性的值。

某些输入类型具有默认最小值。如果输入没有默认最小值，并且为 min 指定的值无法转换为有效数字（或未设置最小值），则输入没有最小值。

它对输入类型有效，包括：date、month、week、time、datetime-local、number 和 range 类型，以及 <meter> 元素。

https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Attributes/min

func MinLength ¶

func MinLength(value string) *Attribute

HTML 属性：minlength ¶

minlength 属性定义用户可以输入到 <input> 或 <textarea> 中的最小字符串长度。该属性必须具有 0 或更高的整数值。

长度以 UTF-16 代码单元测量，通常但并非总是等于字符数。如果未指定 minlength 或指定了无效值，则输入没有最小长度。此值必须小于或等于 maxlength 的值，否则该值将永远无效，因为不可能同时满足两个条件。

如果字段的文本值的长度小于 minlength UTF-16 代码单元长，则输入将无法通过约束验证，validityState.tooShort 返回 true。约束验证仅在用户更改值时应用。一旦提交失败，某些浏览器将显示错误消息，指示所需的最小长度和当前长度。

minlength 不意味着 required；仅当用户输入了值时，输入才违反 minlength 约束。如果输入不是必需的，即使设置了 minlength，也可以提交空字符串。

https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Attributes/minlength

func Multiple ¶

func Multiple(value string) *Attribute

HTML 属性：multiple ¶

布尔 multiple 属性（如果设置）意味着表单控件接受一个或多个值。该属性对 email 和 file 输入类型以及 <select> 有效。用户选择多个值的方式取决于表单控件。

https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Attributes/multiple

func Muted ¶

func Muted(value string) *Attribute

HTML 属性：muted ¶

func Name ¶

func Name(value string) *Attribute

HTML 属性：name ¶

name 和 content 属性可以一起使用，以名称-值对的形式提供文档元数据，name 属性给出元数据名称，content 属性给出值。

https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/meta#name

func Placeholder ¶

func Placeholder(value string) *Attribute

HTML 属性：placeholder ¶

有效的占位符文本包括提示预期数据类型的单词或短语，而不是解释或提示。占位符不得用于代替 <label>。由于如果表单控件的值不为 null，占位符不可见，因此使用占位符代替 <label> 作为提示会损害可用性和可访问性。

placeholder 属性由以下输入类型支持：text、search、url、tel、email 和 password。<textarea> 元素也支持它。下面的示例显示了使用 placeholder 属性来解释输入字段的预期格式。

> 除了 <textarea> 元素外，placeholder 属性不能包含任何换行符 (LF) 或回车符 (CR)。如果值中包含任何一个，占位符文本将被剪切。

https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Attributes/placeholder

func Property ¶

func Property(value string) *Attribute

func Rel ¶

func Rel(value string) *Attribute

HTML 属性：rel ¶

rel 属性定义当前文档与链接资源之间的关系。它适用于 `<link>`、`<a>`、`<area>` 与 `<form>` 元素，支持的取值取决于所在元素。

关系类型由 rel 属性的取值决定，值为以空格分隔的唯一关键字集合。与仅用于样式的 class 不同，rel 必须表达机器与人类都能理解的语义标记。可使用的关键字收录于 IANA 链接关系注册表、HTML Living Standard 以及 microformats wiki 的 existing-rel-values 页面；若使用不在这些来源中的关键字，部分 HTML 校验器（如 W3C Markup Validation Service）会给出警告。

下表列出常见关键字，每个值中各关键字必须唯一。

rel 属性主要与 `<link>`、`<a>`、`<area>`、`<form>` 元素相关，但部分关键字仅对其中的子集有效。与所有 HTML 关键字属性相同，这些值不区分大小写。

rel 属性没有默认值。当属性被省略或值全部不受支持时，文档与目标资源之间除了存在超链接外没有额外关系。在这种情况下，对于 `<link>` 与 `<form>`，若 rel 属性缺失、为空或值无效，则该元素不会创建链接；`<a>` 与 `<area>` 仍会创建链接，但没有定义关系。

https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Attributes/rel

func Role ¶

func Role(value string) *Attribute

func ShadowRootMode ¶

func ShadowRootMode(value string) *Attribute

`<template>` shadowrootmode 属性 ¶

为父元素创建 shadow root，是 `Element.attachShadow()` 方法的声明式版本，接受相同的枚举值。

https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/template#shadowrootmode

func Slot ¶

func Slot(value string) *Attribute

HTML slot 全局属性 ¶

slot 全局属性用于将元素分配到 shadow DOM 的插槽中：带有 slot 属性的元素会映射到具有同名 `name` 属性的 `<slot>` 元素。通过复用相同的插槽名称，可以让多个元素进入同一插槽；未声明 slot 的元素（若存在）会落入未命名插槽。

示例可参考“Using templates and slots”指南。

https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Global_attributes/slot

func Src ¶

func Src(value string) *Attribute

func Style ¶

func Style(value string) *Attribute

HTML style 全局属性 ¶

style 全局属性包含将应用于元素的 CSS 样式声明。推荐在单独的样式文件中定义样式；该属性和 `<style>` 元素主要用于快速试验或临时调整样式。

https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Global_attributes/style

func Tabindex ¶

func Tabindex(value string) *Attribute

HTML tabindex 全局属性 ¶

tabindex 全局属性让开发者可以使元素可聚焦，允许或禁止它参与顺序聚焦（通常通过 Tab 键）并指定顺序聚焦时的相对顺序。

https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Global_attributes/tabindex

func Target ¶

func Target(value string) *Attribute

`<a>` target 属性 ¶

指定链接 URL 的呈现位置，即浏览上下文（标签页、窗口或 `<iframe>`）的名称。以下关键字具有特殊含义：

_self：当前浏览上下文（默认）。
_blank：通常为新标签页，用户也可配置为新窗口。
_parent：当前上下文的父级，无父级时等同 _self。
_top：最顶层的浏览上下文，即当前上下文的最高祖先，无祖先时等同 _self。
_unfencedTop：允许嵌入的 fenced frame 导航至顶级上下文；在非 fenced frame 中使用也能成功，但不会作为保留关键字处理。

https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/a#target

func Title ¶

func Title(value string) *Attribute

HTML title 全局属性 ¶

title 全局属性包含与所属元素相关的提示性文本信息。

https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Global_attributes/title

func Type ¶

func Type(value string) *Attribute

<input> type 属性 ¶

用于指定要渲染的表单控件类型的字符串。例如，要创建复选框，需将值设为 checkbox。若省略该属性（或指定未知值），则默认使用 text 类型，生成一个纯文本输入框。

https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#type

func Value ¶

func Value(value string) *Attribute

`<input>` value 属性 ¶

表示输入控件的值。在 HTML 中声明时，该值为初始值；之后可通过 JavaScript 访问对应的 `HTMLInputElement.value` 属性进行修改或读取。value 属性可选，但对 checkbox、radio 与 hidden 类型通常视为必填。

https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#value

func Width ¶

func Width(value string) *Attribute

SVG 属性：width ¶

width 属性定义元素在用户坐标系中的水平长度。

https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Attribute/width

func (*Attribute) Apply ¶

func (a *Attribute) Apply(el *Element)

Apply 方法将属性键值写入元素，同时对 class 做追加处理。

func (*Attribute) Item ¶

func (*Attribute) Item()

Item 方法确保 Attribute 可作为元素构建参数传入。

func (*Attribute) LifeCycle ¶

func (*Attribute) LifeCycle() ProperLifeCycle

type Chunk ¶

type Chunk interface {
	// contains filtered or unexported methods
}

type ChunkWriter ¶

type ChunkWriter interface {
	// Write 写入一个或多个 Chunk。
	Write(...Chunk)
	// Chunks 返回内部缓存的全部 Chunk 列表。
	Chunks() []Chunk
}

func NewChunkWriter ¶

func NewChunkWriter() ChunkWriter

NewChunkWriter 创建一个新的 ChunkWriter，并复用对象池中的缓冲。

type Component ¶

type Component func(context.Context) Node

Component 表示延迟渲染的组件函数，可在执行阶段生成节点。

func (Component) Item ¶

func (Component) Item()

Item 方法声明 Component 函数可作为元素项。

func (Component) Release ¶

func (Component) Release()

Release 对组件为占位实现，组件无需额外资源释放。

func (Component) Render ¶

func (c Component) Render(cw ChunkWriter)

Render 将组件转为动态 Chunk，在执行时渲染组件生成的节点。

type DeferredAttribute ¶

type DeferredAttribute struct {
	// contains filtered or unexported fields
}

DeferredAttribute 表示延迟计算的属性，可在渲染阶段生成值。

func DeferredAttr ¶

func DeferredAttr(key string, fn func(context.Context) string) *DeferredAttribute

DeferredAttr 创建延迟计算属性，在渲染阶段动态生成值。

func (*DeferredAttribute) Apply ¶

func (a *DeferredAttribute) Apply(ctx context.Context, w io.Writer) error

Apply 方法在渲染阶段按需生成属性值。

func (*DeferredAttribute) Item ¶

func (*DeferredAttribute) Item()

Item 方法声明 DeferredAttribute 可作为构建参数。

func (*DeferredAttribute) LifeCycle ¶

func (*DeferredAttribute) LifeCycle() ProperLifeCycle

type DynamicChunk ¶

type DynamicChunk func(context.Context, io.Writer) error

DynamicChunk 表示动态内容片段，在渲染阶段执行回调生成输出。

type Element ¶

type Element struct {
	// contains filtered or unexported fields
}

Element 表示一个 HTML 元素节点，包含标签名、属性集合、子节点列表及元数据。

func A ¶

func A(items ...Item) *Element

锚点元素 ¶

<a> HTML 元素（或锚点元素）通过其 href 属性创建指向网页、文件、电子邮件地址、同一页面中的位置或 URL 可以寻址的任何其他内容的超链接。

每个 <a> 中的内容应指示链接的目标。如果存在 href 属性，则在聚焦于 <a> 元素时按 Enter 键将激活它。

https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/a

func ABBR ¶

func ABBR(items ...Item) *Element

缩写元素 ¶

<abbr> HTML 元素表示缩写或首字母缩略词。

在包含缩写或首字母缩略词时，首次使用时应以纯文本形式提供术语的完整展开，并使用 <abbr> 标记缩写。这会告知用户缩写或首字母缩略词的含义。

可选的 title 属性可以在没有完整展开的情况下为缩写或首字母缩略词提供展开。这为用户代理提供了如何宣布/显示内容的提示，同时告知所有用户缩写的含义。如果存在，title 必须包含此完整描述，不能包含其他内容。

https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/abbr

func ADDRESS ¶

func ADDRESS(items ...Item) *Element

联系地址元素 ¶

<address> HTML 元素表示所包含的 HTML 提供个人、人员或组织的联系信息。

<address> 元素内容提供的联系信息可以采用适合上下文的任何形式，并且可以包括所需的任何类型的联系信息，例如实际地址、URL、电子邮件地址、电话号码、社交媒体账号、地理坐标等。<address> 元素应包括联系信息所指的人员、人员或组织的名称。

<address> 可以在各种上下文中使用，例如在页面标题中提供企业的联系信息，或通过在 <article> 中包含 <address> 元素来指示文章的作者。

https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/address

func AREA ¶

func AREA(items ...Item) *Element

图像映射区域元素 ¶

<area> HTML 元素定义图像映射内具有预定义可点击区域的区域。图像映射允许将图像上的几何区域与超文本链接关联。

此元素仅在 <map> 元素内使用。

https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/area

func ARTICLE ¶

func ARTICLE(items ...Item) *Element

文章内容元素 ¶

<article> HTML 元素表示文档、页面、应用程序或站点中的独立组成部分，旨在可独立分发或重用（例如，在联合发布中）。示例包括：论坛帖子、杂志或报纸文章、博客条目、产品卡片、用户提交的评论、交互式小部件或小工具，或任何其他独立的内容项。

给定文档可以包含多篇文章；例如，在显示读者滚动时逐个显示每篇文章文本的博客上，每个帖子都将包含在一个 <article> 元素中，可能在其中包含一个或多个 <section>。

https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/article

func ASIDE ¶

func ASIDE(items ...Item) *Element

侧边栏元素 ¶

<aside> HTML 元素表示文档的一部分，其内容仅与文档的主要内容间接相关。侧边栏通常呈现为侧边栏或标注框。

https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/aside

func AUDIO ¶

func AUDIO(items ...Item) *Element

嵌入音频元素 ¶

<audio> HTML 元素用于在文档中嵌入声音内容。它可以包含一个或多个音频源,使用 src 属性或 <source> 元素表示:浏览器将选择最合适的一个。它也可以作为流媒体的目标,使用 MediaStream (https://developer.mozilla.org/en-US/docs/Web/API/MediaStream)。

https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/audio

func B ¶

func B(items ...Item) *Element

引起注意元素 ¶

<b> HTML 元素用于吸引读者对元素内容的注意,但这些内容并不具有特殊的重要性。该元素以前被称为粗体元素,大多数浏览器仍然以粗体显示文本。但是,你不应该使用 <b> 来设置文本样式或赋予重要性。如果你希望创建粗体文本,应该使用 CSS font-weight 属性。如果你希望表示某个元素具有特殊重要性,应该使用 <strong> 元素。

https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/b

func BASE ¶

func BASE(items ...Item) *Element

文档基础 URL 元素 ¶

<base> HTML 元素指定用于文档中所有相对 URL 的基础 URL。一个文档中只能有一个 <base> 元素。

文档使用的基础 URL 可以通过脚本使用 Node.baseURI 访问。如果文档没有 <base> 元素,则 baseURI 默认为 location.href。

https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/base

func BDI ¶

func BDI(items ...Item) *Element

双向隔离元素 ¶

<bdi> HTML 元素告诉浏览器的双向算法将其包含的文本与周围文本隔离处理。当网站动态插入某些文本且不知道所插入文本的方向性时,它特别有用。

https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/bdi

func BDO ¶

func BDO(items ...Item) *Element

双向文本覆盖元素 ¶

<bdo> HTML 元素覆盖当前文本的方向性,使其中的文本以不同的方向呈现。

https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/bdo

func BLOCKQUOTE ¶

func BLOCKQUOTE(items ...Item) *Element

块引用元素 ¶

<blockquote> HTML 元素表示所包含的文本是一段扩展引用。通常,这在视觉上通过缩进呈现(有关如何更改它,请参阅注释)。引用来源的 URL 可以使用 cite 属性给出,而来源的文本表示可以使用 <cite> 元素给出。

https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/blockquote

func BODY ¶

func BODY(items ...Item) *Element

文档主体元素 ¶

<body> HTML 元素表示 HTML 文档的内容。一个文档中只能有一个 <body> 元素。

https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/body

func BR ¶

func BR(items ...Item) *Element

换行元素 ¶

<br> HTML 元素在文本中产生换行（回车）。它对于编写诗歌或地址等行的划分很重要的内容很有用。

https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/br

func BUTTON ¶

func BUTTON(items ...Item) *Element

按钮元素 ¶

<button> HTML 元素是一个交互式元素，由用户通过鼠标、键盘、手指、语音命令或其他辅助技术激活。激活后，它会执行一个操作，例如提交表单或打开对话框。

默认情况下，HTML 按钮以类似于用户代理运行平台的样式呈现，但你可以使用 CSS 更改按钮的外观。

https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/button

func CANVAS ¶

func CANVAS(items ...Item) *Element

图形画布元素 ¶

使用 HTML <canvas> 元素配合 canvas 脚本 API 或 WebGL API 来绘制图形和动画。

https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/canvas

func CAPTION ¶

func CAPTION(items ...Item) *Element

表格标题元素 ¶

<caption> HTML 元素指定表格的标题（或标题），为表格提供可访问的名称或可访问的描述。

https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/caption

func CITE ¶

func CITE(items ...Item) *Element

引用元素 ¶

<cite> HTML 元素用于标记创意作品的标题。引用可以根据与引用元数据相关的上下文适当约定采用缩写形式。

https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/cite

func CODE ¶

func CODE(items ...Item) *Element

内联代码元素 ¶

<code> HTML 元素以一种旨在表明文本是计算机代码短片段的方式显示其内容。默认情况下，内容文本使用用户代理的默认等宽字体显示。

https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/code

func COL ¶

func COL(items ...Item) *Element

表格列元素 ¶

<col> HTML 元素定义由其父 <colgroup> 元素表示的列组中的一列或多列。<col> 元素仅在没有定义 span 属性的 <colgroup> 元素的子元素中有效。

https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/col

func COLGROUP ¶

func COLGROUP(items ...Item) *Element

表格列组元素 ¶

<colgroup> HTML 元素定义表格中的一组列。

https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/colgroup

func DATAEL ¶

func DATAEL(items ...Item) *Element

数据元素 ¶

<data> HTML 元素将给定的内容与机器可读的翻译链接起来。如果内容与时间或日期相关，则必须使用 <time> 元素。

https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/data

func DATALIST ¶

func DATALIST(items ...Item) *Element

HTML 数据列表元素 ¶

> 有限可用性

<datalist> HTML 元素包含一组 <option> 元素，这些元素表示在其他控件中可供选择的允许或推荐选项。

https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/datalist

func DD ¶

func DD(items ...Item) *Element

描述详情元素 ¶

<dd> HTML 元素为描述列表 (<dl>) 中前面的术语 (<dt>) 提供描述、定义或值。

https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/dd

func DEL ¶

func DEL(items ...Item) *Element

已删除文本元素 ¶

<del> HTML 元素表示已从文档中删除的文本范围。例如，这可以在呈现"跟踪更改"或源代码差异信息时使用。<ins> 元素可用于相反的目的：指示已添加到文档的文本。

https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/del

func DETAILS ¶

func DETAILS(items ...Item) *Element

详情披露元素 ¶

<details> HTML 元素创建一个披露小部件，其中的信息仅在小部件切换到打开状态时可见。必须使用 <summary> 元素提供摘要或标签。

披露小部件通常在屏幕上使用一个旋转（或扭转）的小三角形来指示打开/关闭状态，三角形旁边有一个标签。<summary> 元素的内容用作披露小部件的标签。<details> 的内容为 <summary> 提供可访问的描述。

https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/details

func DFN ¶

func DFN(items ...Item) *Element

定义元素 ¶

<dfn> HTML 元素指示要定义的术语。<dfn> 元素应在完整的定义语句中使用，其中术语的完整定义可以是以下之一：

祖先段落（文本块，有时由 <p> 元素标记）
<dt>/<dd> 配对
<dfn> 元素的最近节祖先

https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/dfn

func DIALOG ¶

func DIALOG(items ...Item) *Element

对话框元素 ¶

<dialog> HTML 元素表示模态或非模态对话框或其他交互式组件，例如可关闭的警报、检查器或子窗口。

HTML <dialog> 元素用于创建模态和非模态对话框。模态对话框会中断与页面其余部分的交互，使其处于惰性状态，而非模态对话框允许与页面其余部分交互。

应使用 JavaScript 显示 <dialog> 元素。使用 .showModal() 方法显示模态对话框，使用 .show() 方法显示非模态对话框。可以使用 .close() 方法关闭对话框，或在提交嵌套在 <dialog> 元素中的 <form> 时使用 dialog 方法。模态对话框也可以通过按 Esc 键关闭。

https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/dialog

func DIV ¶

func DIV(items ...Item) *Element

内容分区元素 ¶

<div> HTML 元素是流内容的通用容器。在使用 CSS 以某种方式设置样式之前，它对内容或布局没有影响（例如，直接对其应用样式，或对其父元素应用某种布局模型，如 Flexbox）。

https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/div

func DL ¶

func DL(items ...Item) *Element

描述列表元素 ¶

<dl> HTML 元素表示描述列表。该元素包含一组术语（使用 <dt> 元素指定）和描述（由 <dd> 元素提供）的列表。此元素的常见用途是实现词汇表或显示元数据（键值对列表）。

https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/dl

func DT ¶

func DT(items ...Item) *Element

描述术语元素 ¶

<dt> HTML 元素指定描述或定义列表中的术语，因此必须在 <dl> 元素内使用。它通常后跟一个 <dd> 元素；但是，连续的多个 <dt> 元素表示多个术语，这些术语都由紧接着的下一个 <dd> 元素定义。

后续的 <dd>（描述详情）元素提供与使用 <dt> 指定的术语相关的定义或其他相关文本。

https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/dt

func EM ¶

func EM(items ...Item) *Element

强调元素 ¶

<em> HTML 元素标记具有强调重音的文本。<em> 元素可以嵌套，每个嵌套级别表示更大程度的强调。

https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/em

func EMBED ¶

func EMBED(items ...Item) *Element

嵌入外部内容元素 ¶

https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/embed

func El ¶

func El(name string, items ...Item) *Element

El 根据标签名和可变参数构造元素，自动区分节点与属性并按生命周期应用。

func FIELDSET ¶

func FIELDSET(items ...Item) *Element

字段集元素 ¶

<fieldset> HTML 元素用于在 Web 表单中对多个控件以及标签 (<label>) 进行分组。

https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/fieldset

func FIGCAPTION ¶

func FIGCAPTION(items ...Item) *Element

图形标题元素 ¶

<figcaption> HTML 元素表示描述其父 <figure> 元素其余内容的标题或图例，为 <figure> 提供可访问的名称。

https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/figcaption

func FIGURE ¶

func FIGURE(items ...Item) *Element

带可选标题的图形元素 ¶

<figure> HTML 元素表示独立的内容，可能带有可选标题，使用 <figcaption> 元素指定。图形、其标题及其内容作为单个单元引用。

https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/figure

func FOOTER(items ...Item) *Element

<footer> HTML 元素表示其最近的祖先分节内容或分节根元素的页脚。<footer> 通常包含有关该节作者的信息、版权数据或相关文档的链接。

https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/footer

func FORM ¶

func FORM(items ...Item) *Element

表单元素 ¶

<form> HTML 元素表示包含用于提交信息的交互式控件的文档部分。

https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/form