“模板:Box/doc”的版本间的差异

来自个人维基
跳转至: 导航搜索
(Cat)
 
(未显示1个用户的3个中间版本)
第1行: 第1行:
看起来像<code>wikitable</code>的文本框。
+
插入一个看起来像 {{code|wikitable}} 的文本框,带有指定的 ARIA role(默认为 {{code|complementary}})。有了这个,就不用再拿 {{code|wikitable}} 来当文本框了{{jk|,真是太 {{le|semantic}} 了}}。
  
如果指定<code>heading</code>,则会添加一个标题行,它具有<code>heading</code>的ARIA <code>role</code>。
+
如果指定 {{code|heading}},则会添加一个标题行,它具有 {{code|heading}} 的 ARIA role。
 
__NOTOC__
 
__NOTOC__
 
=== 参数 ===
 
=== 参数 ===
第8行: 第8行:
 
! 参数 !! 类型 !! 必填? !! 描述
 
! 参数 !! 类型 !! 必填? !! 描述
 
|-
 
|-
| <code>1</code> || 内容 || y
+
| {{code|1}} || 内容 || y
 
| 文本框内容。
 
| 文本框内容。
 
|-
 
|-
| <code>heading</code> || 内容 || n
+
| {{code|heading}} || 单行内容 || n
 
| 文本框标题。
 
| 文本框标题。
 
|-
 
|-
| <code>class</code> || 字符串 || n
+
| {{code|class}} || 字符串 || n
| 文本框的CSS类。
+
| 文本框的 CSS 类。
 
|-
 
|-
| <code>role</code> || 字符串 || n
+
| {{code|role}} || 字符串 || n
| 文本框的ARIA <code>role</code>,缺省为<code>complementary</code>
+
| 文本框的 ARIA role,缺省为 {{code|complementary}}
 
|-
 
|-
| <code>attrs</code> || 字符串 || n
+
| {{code|attrs}} || 字符串 || n
| 其他HTML属性,可以用于添加<code>style</code><code>lang</code>
+
| 文本框的其他 HTML 属性,可以用于添加 {{code|style}} {{code|lang}}
 
|-
 
|-
| <code>headingattrs</code> || 字符串 || n
+
| {{code|headingattrs}} || 字符串 || n
| 文本框标题的其他HTML属性,可以用于添加<code>lang</code>
+
| 文本框标题的其他HTML属性,可以用于添加 {{code|lang}}
 
|}
 
|}
  
第45行: 第45行:
 
|role=article
 
|role=article
 
|attrs=lang=la
 
|attrs=lang=la
|heading=<span lang=zh-cmn-Hans>原文</span>
+
|heading=原文
 +
|headingattrs=lang=zh-cmn-Hans
 
|Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui do<mark>lorem ipsum</mark> quia <mark>dolor sit amet, consectetur</mark>, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? ...
 
|Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui do<mark>lorem ipsum</mark> quia <mark>dolor sit amet, consectetur</mark>, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? ...
 
}}</pre>
 
}}</pre>
第51行: 第52行:
 
|role=article
 
|role=article
 
|attrs=lang=la
 
|attrs=lang=la
|heading=<span lang=zh-cmn-Hans>原文</span>
+
|heading=原文
 +
|headingattrs=lang=zh-cmn-Hans
 
|Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui do<mark>lorem ipsum</mark> quia <mark>dolor sit amet, consectetur</mark>, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? ...
 
|Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui do<mark>lorem ipsum</mark> quia <mark>dolor sit amet, consectetur</mark>, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? ...
 
}}
 
}}
 +
 +
=== 参见 ===
 +
* [[模板:Hidebox]]
 
<noinclude>[[分类:模板文档]]</noinclude>
 
<noinclude>[[分类:模板文档]]</noinclude>

2022年11月22日 (二) 10:36的最后版本

插入一个看起来像 wikitable 的文本框,带有指定的 ARIA role(默认为 complementary)。有了这个,就不用再拿 wikitable 来当文本框了,真是太 semantic

如果指定 heading,则会添加一个标题行,它具有 heading 的 ARIA role。

参数

参数 类型 必填? 描述
1 内容 y 文本框内容。
heading 单行内容 n 文本框标题。
class 字符串 n 文本框的 CSS 类。
role 字符串 n 文本框的 ARIA role,缺省为 complementary
attrs 字符串 n 文本框的其他 HTML 属性,可以用于添加 stylelang
headingattrs 字符串 n 文本框标题的其他HTML属性,可以用于添加 lang

示例

{{Box
|attrs=lang=zh-cmn-Hans style="float: right;"
|heading=注
|本文转载自 https://example.com<nowiki/>。
}}

{{Box
|role=article
|attrs=lang=la
|heading=原文
|headingattrs=lang=zh-cmn-Hans
|Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui do<mark>lorem ipsum</mark> quia <mark>dolor sit amet, consectetur</mark>, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? ...
}}

原文

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? ...

参见