按钮

特色

使用按钮区块，你可在按钮区块内插入文字、Icon，或其他区块。并可为按钮设置链接、交互事件等。

配置选项

基本设置

全局样式

Select 区块对应的全局块样式。

Html 标签

Select 区块根元素的 Html 标签类型。

链接

链接地址

string 可输入绝对地址或输入关键字查找网站内的页面地址。支持的形式包括:

• 以 http 或 https 开头的固定链接
• 以 # 开头的锚点
• 以 mailto 开头的邮箱地址
• 以 tel 开头的电话地址

新窗口打开

Boolean 是否在新窗口中打开链接。

辅助描述

String 为链接添加 aria-label 属性，详细说明可参考 HTML 属性: aria-label。

注: aria-label 是一种 ARIA（Accessible Rich Internet Applications）属性，用于提供元素的可访问性标签。这对于屏幕阅读器用户来说非常重要，因为它可以提供元素的描述，帮助他们理解元素的目的。

Rel 属性

Select 为链接标签添加 Rel 属性，详细说明可参考 HTML 属性: rel。

注: 用于定义当前文档与被链接文档之间的关系。

元素

<a class="mk-button">
  ...内部区块
</a>

• 主容器 .mk-button

其他

• 为按钮添加固定链接时，仅当 Html 标签为 <a> 标签时有效；
• 按钮区块内可插入其他任何类型区块。