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

来自个人维基
跳转至： 导航、 搜索
小
小
 
（未显示1个用户的11个中间版本）
第1行： 第1行：
−
看起来像<code>wikitable</code>的文本框。
+
插入一个看起来像 {{code|wikitable}} 的文本框，带有指定的 ARIA role（默认为 {{code|complementary}}）。有了这个，就不用再拿 {{code|wikitable}} 来当文本框了{{jk|，真是太 {{le|semantic}} 了}}。
 +
 
 +
如果指定 {{code|heading}}，则会添加一个标题行，它具有 {{code|heading}} 的 ARIA role。
 
__NOTOC__
 
__NOTOC__
 
=== 参数 ===
 
=== 参数 ===
第6行： 第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}} || 字符串 || n
 +
| 文本框标题的其他HTML属性，可以用于添加 {{code|lang}}。
 
|}
 
|}
  
第25行： 第30行：
  
 
<pre>{{Box
 
<pre>{{Box
−
|attrs= lang=zh-cmn-Hans style="float: right;"
+
|attrs=lang=zh-cmn-Hans style="float: right;"
 
|heading=注
 
|heading=注
−
| 本文转载自 https://example.com<nowiki/>。
+
|本文转载自 https://example.com<nowiki/>。
 
}}</pre>
 
}}</pre>
 
{{Box
 
{{Box
−
|attrs= lang=zh-cmn-Hans style="float: right;"
+
|attrs=lang=zh-cmn-Hans style="float: right;"
 
|heading=注
 
|heading=注
−
| 本文转载自 https://example.com<nowiki/>。
+
|本文转载自 https://example.com<nowiki/>。
 
}}
 
}}
  
第39行： 第44行：
 
<pre class=lnnblog-pre-wrap>{{Box
 
<pre class=lnnblog-pre-wrap>{{Box
 
|role=article
 
|role=article
−
|lang=la
+
|attrs=lang=la
−
|heading=<span lang=zh-cmn-Hans>原文</span>
+
|heading=原文
−
| 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? ...
+
|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? ...
 
}}</pre>
 
}}</pre>
 
{{Box
 
{{Box
 
|role=article
 
|role=article
−
|lang=la
+
|attrs=lang=la
−
|heading=<span lang=zh-cmn-Hans>原文</span>
+
|heading=原文
−
| 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? ...
+
|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? ...
 
}}
 
}}
 +
 +
=== 参见 ===
 +
* [[模板:Hidebox]]
 +
<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 属性，可以用于添加 style 和 lang。
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? ...

参见

来自“https://www.mywiki.cn/dgck81lnn/index.php?title=模板:Box/doc&oldid=99693”