打开/关闭菜单
打开/关闭外观设置菜单
打开/关闭个人菜单
未登录
未登录用户的IP地址会在进行任意编辑后公开展示。

目前wiki关闭了自行注册账号的功能,如需注册账号,请查阅Help:注册账号

帮助:Wikitext

来自RIA | Wiki
Aunst留言 | 贡献2024年8月11日 (日) 18:03的版本 简单表格示例:​保存)

wikitext维基文本,本站使用它来编排页面。Help:编辑页面包含查看和编辑页面源代码的方式。通常代码可以直接复制粘贴,无需编写新代码。

wikitext是一门可扩展轻量级标记语言,类似于Markdown。它比HTML更易学习和使用。

wikitext广泛使用于百科网站中,如维基百科Minecraft Wiki萌娘百科。宽泛地说,所有基于MediaWiki的网站都使用wikitext。

部分HTML元素也可编排页面,参阅Help:Wikitext中的HTMLProject:Wikitext备忘单有wikitext的简短列表和提示。

其他教程

其实很多地方都有wikitext教程,但这个轮子还是要造,虽然要造很久。

这里放一些收集到的wikitext教程。

  1. 1.0 1.1 1.2 需要较好网络环境

名词解释

导言是页面第一个2级标题前的内容。

布局

章节

章节标题

章节标题标记成对的等号(=)构成,共有6级。

页面有个标题,是以页面名自动生成的1级标题。不要在编辑中使用1级标题,从2级标题开始编排页面。其实很好理解,整个页面都是和页面名相关的内容,都在一个1级标题下,再放个就不对劲了。

  • 章节标题的样式由CSS指定,标题后会生成“[编辑]”链接。
  • 含有4个及以上标题的页面会自动生成目录。
  • 不要在标题代码一行内添加其他内容,这样标题会失效,或让章节标题无法自动添加到编辑摘要中。
源代码 显示
= 1级标题 =
== 2级标题 ==
=== 3级标题 ===
==== 4级标题 ====
===== 5级标题 =====
====== 6级标题 ======
1级标题
2级标题
3级标题
4级标题
5级标题
6级标题
== 这个标题 == 不会生效

== 这个标题 == 不会生效

在添加标题示例时使用{{Fake heading}}模板。

水平分隔线

水平分隔线代表段落级元素间的主题转换,比如故事中场景的改变、一章中主题的改变。使用时需斟酌。不要用它来分隔段落和下个标题。

源代码 显示
孝太郎只是轻轻一碰,由莉佳就应声倒下。

『她昏倒了?』

「真可怜,一定是被吓昏的。」

「没用的家伙……」

由莉佳难以承受静香带来的压力,就这样失去了意识。

----

在静香的主导之下,大家总算是达成了共识,同时也将共识诉诸书面文字。内容主要是借由和平的方法决定房间的所有人、不许破坏可乐娜庄、不许妨碍左邻右舍的安宁、不许将争执带出房间、入夜之后轻声细语……等项目。之后,他们将这份协议命名为《可乐娜陆战规定》。

孝太郎只是轻轻一碰,由莉佳就应声倒下。

『她昏倒了?』

「真可怜,一定是被吓昏的。」

「没用的家伙……」

由莉佳难以承受静香带来的压力,就这样失去了意识。


在静香的主导之下,大家总算是达成了共识,同时也将共识诉诸书面文字。内容主要是借由和平的方法决定房间的所有人、不许破坏可乐娜庄、不许妨碍左邻右舍的安宁、不许将争执带出房间、入夜之后轻声细语……等项目。之后,他们将这份协议命名为《可乐娜陆战规定》。

不要这样做!
源代码 显示
<big>一个伪标题</big>
----

一个伪标题


章节末尾
----

== 下一个章节标题 ==

章节末尾


下一个章节标题

等效HTML:<hr />(这个可以缩进,如* 第1部分 <hr /> 第2部分。而使用wikitext形式时,代码只能位于行首。)

目录

在页面至少有4个章节标题时,目录会自动生成在导言部分和首个章节标题之间。可以使用以下魔术字或模板控制目录:

  • __FORCETOC__:强制在正常位置显示目录,忽略标题数量。
  • __TOC__:强制在放置此魔术字的位置显示目录。
  • __NOTOC__:禁用目录。

换行符、段落

换行符指wikitext代码中的换行符,源代码编辑器中击↵ Enter键将插入换行符。

段落表示文章中相对独立的句子或句群,有相对完整的意思。排版中,段落间会留有空间。

  • 在代码中按两次↵ Enter,使前面的文本与后面的文本之间留有一空行,后面的文本将作为新段落。
  • 代码中换一次行通常不会在阅读时显示。显示时,上面一行的最后一字母后会有空格(汉字不会有)。
  • 粗体、斜体这类标记会在换行处中止。
源代码 显示
这里的一个换行符
对布局没有影响。

但是一个新段落,
或位于列表或缩进后的文本
会产生一个空行。

这里的一个换行符 对布局没有影响。

但是一个新段落, 或位于列表或缩进后的文本 会产生一个空行。

模板:{{Clear}}可以在指定位置将后续正常内容移动到浮动内容下方。

断行

断行是在段落中的某个位置插入的,阅读时可见的换行,断行后的文本与断行前的文本同属一个段落。断行可用于排版诗歌。使用<br />会在当前位置插入一个断行。为了源代码好看,可以在需要断行处换一次行,并将<br />标签放置在第一行末尾或第二行行首。

源代码 显示
银瓶乍破水浆迸,铁骑突出刀枪鸣。<br />
曲终收拨当心画,四弦一声如裂帛。<br />
东船西舫悄无言,唯见江心秋月白。

沉吟放拨插弦中,整顿衣裳起敛容。<br />
自言本是京城女,家在虾蟆陵下住。<br />
十三学得琵琶成,名属教坊第一部。

银瓶乍破水浆迸,铁骑突出刀枪鸣。
曲终收拨当心画,四弦一声如裂帛。
东船西舫悄无言,唯见江心秋月白。

沉吟放拨插弦中,整顿衣裳起敛容。
自言本是京城女,家在虾蟆陵下住。
十三学得琵琶成,名属教坊第一部。

缩进文本

增加文本到页面一侧的距离(在从左往右书写的语言中是左边),一般用在讨论页。

wikitext中,一般缩进方发“借用”了描述(<dd>)的标记,这种方法不能通过HTML验证,但大家都这样用。

源代码 显示
缩进一般使用于讨论页:
: 每个冒号都在一行的最前面。
:: 增加该行的缩进级别。
::: (只要不在编辑中换行,缩进就会继续。)
::: 缩进需要换行时,在新行文本前添加与前一行相同数量的冒号。
::: <p>或者这样</p><p>(如果是为了起新段落而换行)</p>
:::: 每个回复都应添加一个冒号。
::::: 依此类推…
:::::: 等等…
{{outdent|::::::}} 重置缩进(这里是6层)

缩进一般使用于讨论页:

每个冒号都在一行的最前面。
增加该行的缩进级别。
(只要不在编辑中换行,缩进就会继续。)
缩进需要换行时,在新行文本前添加与前一行相同数量的冒号。

或者这样

(如果是为了起一个新段落而换行)

每个回复都应添加一个冒号。
依此类推…
等等…
重置缩进(这里是6层)

模板:{{Outdent}}可重设缩进。

块引用

块引用可指示文本来自其他文章。

源代码 显示
正文…
<blockquote>
'''blockquote'''标签会往页面两边添加边距,而冒号只会从左侧缩进。

块引用左边也会有一条浅灰色装饰线。
</blockquote>
正文…

正文…

blockquote标签会往页面两边添加边距,而冒号只会从左侧缩进。

块引用左边也会有一条浅灰色装饰线。

正文…

居中内容

源代码 显示
<div class="center" style="margin-left: auto; margin-right: auto; width: auto;">居中文本</div>
居中文本

一般来说,不需在条目中居中文本,除非你要整点排版花活。上方代码生成的盒子边框贴着文本。如果只需要居中文本,可使用下方代码:

源代码 显示
<div style="text-align: center;">居中文本</div>
居中文本

不要过时的使用<center>…</center>

右对齐文本

在单独的容器里包含右齐文本:

源代码 显示
<div style="direction: ltr; text-align: right;">右对齐的文本</div>

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

右对齐的文本

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

或者让文本向右浮动,正常文本环绕着它:

源代码 显示
<div class="floatright">向右浮动的文本</div>

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

向右浮动的文本

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

列表

MediaWiki软件将列表项间的空行理解为当前列表的末尾,所以请不要在同一列表的列表项之间留空。

无序列表

前面有小圆点(或其他形状)的列表,在项目顺序不重要时使用。

源代码 显示
* 项 1
* 项 2
* 项 3
* 项 4
** 子项 4 a)
*** 子项 4 a) 1.
**** 子项 4 a) 1. i)
**** 子项 4 a) 1. ii)
** 子项 4 b)
* 项 5
  • 项 1
  • 项 2
  • 项 3
  • 项 4
    • 子项 4 a)
      • 子项 4 a) 1.
        • 子项 4 a) 1. i)
        • 子项 4 a) 1. ii)
    • 子项 4 b)
  • 项 5

HTML标记:

<ul>
  <li>项 1</li>
  <li>项 2</li>
  <li><ul>
    <li>项 2.1</li>
    <li>项 2.2</li>
  </ul></li>
  <li>项 3</li>
</ul>

有序列表

源代码 显示
# 项 1
# 项 2
# 项 3
# 项 4
## 子项 4.1
### 子项 4.1.1
#### 子项 4.1.1.1
## 子项 4.2
# 项 5
  1. 项 1
  2. 项 2
  3. 项 3
  4. 项 4
    1. 子项 4.1
      1. 子项 4.1.1
        1. 子项 4.1.1.1
    2. 子项 4.2
  5. 项 5

HTML标记:

<ol>
  <li>项 1</li>
  <li>项 2</li>
  <li><ol>
    <li>项 2.1</li>
    <li>项 2.2</li>
  </ol></li>
  <li>项 3</li>
</ol>

描述列表

将分号(;)放在行首,后跟术语,后面放一个半角冒号(:),后跟术语的描述或定义,就能创建一段描述列表。这种格式也可用于其他场景,如载具的各种型号。

描述列表由组名和其所对的值组成。组名(术语)为粗体,值(描述)向右缩进。每组列表必须包含一或多条描述。如果只有术语一条描述,分号和冒号可以放在同一行(行首为分号,冒号前是术语,冒号后是描述)。但如果有多条描述,则每条描述都得放在单独的一行,行首为半角冒号。

不要使用分号加粗一整行,否则,页面将无法通过HTML5验证,屏幕阅读器读取有页面时也会出现问题。使用冒号缩进也会有同样的问题,所以仅应在讨论页使用。

源代码 显示
; 项目 : 描述
项目
描述
; 项目 1
: 描述 1.1
: 描述 1.2
: 描述 1.3
; 项目 2
: 描述 2.1
: 描述 2.2

; 另外的一个列表
: 描述 β1.1
: 描述 β1.2
项目 1
描述 1.1
描述 1.2
描述 1.3
项目 2
描述 2.1
描述 2.2
另外的一个列表
描述 β1.1
描述 β1.2

HTML标记:

<dl>
  <dt>项目 1</dt>
  <dd>描述 1.1</dd>
  <dd>描述 1.2</dd>
  <dt>项目 2</dt>
  <dd>描述 2.1</dd>
  <dd>描述 2.2</dd>
</dl>

格式

格式化文本

描述 输入 输出
斜体、粗体
''斜体''标记的两边有2个直引号。

'''粗体'''有3个。

放上5个(斜体2个,粗体3个)会产生'''''粗斜体'''''。

这些标记在换行时停结束,所以一对需要放在同一行。

在文本两边放上2个连续直引号将文本变为斜体

两边放3个直引号则会加粗文本。

放上5个(斜体2个,粗体3个)会产生粗斜体

这些标记在换行时停结束,所以一对需要放在同一行。

正常文本内的小型代码区块。

代码会用等宽字体显示。

函数<code>int m2()</code>是好的。
函数int m2()是好的。
小型文本,用来标记正常文本之间的小注释。
仅在必要时使用<small>小型文本</small>。

使用Minerva Neue皮肤(移动端默认)时,文本大小与周围的文本相同。

仅在必要时使用小型文本

使用Minerva Neue皮肤(移动端默认)时,文本大小与周围的文本相同。

大型文本。<big>…</big>HTML规范中删除,请勿使用。
不要使用<big>大型文本</big>!

使用Minerva Neue皮肤(移动端默认)时,文本大小与周围的文本相同。

不要使用大型文本

使用Minerva Neue皮肤(移动端默认)时,文本大小与周围的文本相同。

更改文本大小
{{tl|Resize}}模板提供了更加灵活、无关语义的更改文本尺寸方法。
* 这里将文本尺寸变得{{resize|larger|更大}};
* 也可以变得{{resize|smaller|更小}};
* 或者说,指定一个{{resize|80%|百分比}};
* 设置为周围文本的{{resize|0.8em|几倍}};
* 指定一个{{resize|20px|实际尺寸}};

{{Resize}}模板提供了更加灵活、无关语义的更改文本尺寸方法。

  • 这里将文本尺寸变得更大
  • 也可以变得更小
  • 或者说,指定一个百分比
  • 设置为周围文本的几倍
  • 指定一个实际尺寸
页面不会在不换行空格处换行,可以用来处理单词。也可以用{{Nowrap}}模板,在单词较多时会更方便。
Mr.&nbsp;Smith或400&nbsp;km/h
Mr. Smith或400 km/h
上标与下标
有时候需要用到上下标,比如M<sup>me</sup> Denise、CH<sub>4</sub>。
有时候需要用到上下标,比如Mme Denise、CH4

特殊字符

特殊字符可以使用字符值引用字符实体引用添加。参见HTML的字符编码获取更多信息。举例来说:&Agrave;&#xC0;都会显示为À沉音A)。无法使用百分号编码,它只能在URL里使用。

也可以用编辑器的“特殊字符”面板添加,或从外部(像SYMBL这样的网站)复制到页面中。

链接和URL

wiki链接

wikitext中,在页面之间生成内部链接的标记就是wiki链接。把需要创建链接的字词用中括号([[…]])括起来就能创建这种链接,链接目标就是以该词作为标题的页面。[[鳕鱼贫鸟居]]会显示为鳕鱼贫鸟居

可以使用竖线(|)设置链接显示文本。举例来说,[[TsanconBYin|必应]]会显示为必应,链接显示的文本为“必应”,而实际指向TsanconBYin

链接至另一wiki条目

  • 在页面标题中,标题的首字母会自动大写,下划线(_)在URL中代表空格(可以理解为标题中,空格储存为下划线)。因此在链接中,无论首字母大小写,或使用空格/下划线,链接目标都是同一个。
  • 因此,下面链接指向网址https://wiki.ria.red/wiki/Zth_Plus,是wiki中题为Zth Plus的条目。
  • 红链指向还不存在的页面,点击该链接可创建页面。
  • 目标为当前页面的链接仅会显示为粗体,没有链接效果。
源代码 显示
[[Zth Plus]]是以前用高版本Minecraft加入服务器的一种手段。

Zth Plus是以前用高版本Minecraft加入服务器的一种手段。

指向本页面的链接“[[Help:Wikitext]]”仅会显示为粗体,没有链接效果。

指向本页面的链接“Help:Wikitext”仅会显示为粗体,没有链接效果。

设置显示文本

  • 显示文本不同,链接目标不变。
  • 链接目标放在竖线,显示文本放在竖线
源代码 显示
在服务器支持多版本加入前,很多人使用[[Zth Plus|这个工具]]来加入服务器。

在服务器支持多版本加入前,很多人使用这个工具来加入服务器。

自动重命名链接

一些情况下,在链接代码后加入竖线(|)可以自动设置链接显示文本。在保存编辑后,这些链接的源代码会自动替换为标准的重命名格式。

描述 输入 显示
自动移除括号里的内容 [[奈落洲 (新洲)|]] 奈落洲
自动移除逗号后的内容,中文很少用。 [[Seattle, Washington|]] Seattle
自动移除命名空间 [[Project:可视化编辑器|]] 可视化编辑器
全部移除 [[Module:Sandbox (REV)|]] Sandbox
章节链接中不可使用自动重命名 [[Project:收录范围#聚落|]] [[Project:收录范围#聚落|]]

链接到页面的特定章节

  • 井号(#)后的部分必须匹配目标页面的章节标题或锚点之一。匹配项必须在拼写、大小写和标点等方面准确无误。目标不存在的链接依然可用,它们指向页面顶部。
  • 与一般内链一样,可以使用竖线(|)更改链接显示文本。
  • 如果章节有相同的标题,在链接的标题部分后添加数字(除了目标是首个使用此名称的章节)可将目标更改为特定位置的章节。#示例 3的目标是第3个以“示例”作为标题的章节。
输入 显示
链接到其他页面的某个章节:[[Template:Plainlist#使用]] 链接到其他页面的某个章节:Template:Plainlist#使用
链接到本页面的其他章节:[[#链接和URL]];相同链接但移除了井号:[[#链接和URL|链接和URL]]。 链接到本页面的其他章节:#链接和URL。相同链接但移除了井号:链接和URL
改变显示文本:[[Template:Plainlist#使用|Plainlist模板的使用方式]] 改变显示文本:Plainlist模板的使用方式

使用链接创建页面

创建页面时:

  1. 在其他相关页面创建到新页面的链接;
  2. 保存更改;
  3. 点击刚刚创建的链接,开始编写新页面。

不推荐创建没有指向该页面的链接的页面,这样读者就只能通过搜索或找网址来找到页面了。

描述 输入 显示
以不存在的页面作为目标的链接是红色的。 还不存在关于[[鱼子的玩家观察手记3]]的条目。 还不存在关于鱼子的玩家观察手记3的条目。

重定向

重定向是将访问一个页面的读者转移到另一个页面的操作(比如北溟会重定向到北溟神社)。在页面顶部放置像#REDIRECT [[目标页面]]#重定向 [[目标页面]]这样的指令来创建重定向。也可以重定向到页面的特定章节,比如#REDIRECT [[抹岚#历史]]会指向条目“抹岚”的“历史”一节(如果该章节存在)。

描述 源代码
重定向到页面 #REDIRECT [[抹岚]]
重定向到特定章节 #REDIRECT [[抹岚#历史]]

链接到其他命名空间

在设置目标时使用页面全名就行了。

输入 显示
参见[[Project:收录范围]]。 参见Project:收录范围

跨wiki链接

跨wiki链接可以快速添加指向常用网站的链接。此功能由Extension:Interwiki扩展实现(其实这就是个跨wiki链接)。虽然叫跨wiki链接,但其实可以支持所有有固定网址格式的站点。

跨wiki链接也是在第一个冒号(:)处将设置的链接目标切开:前面是跨wiki前缀,指示链接指向哪个站点;后面的是具体的页面。

跨wiki前缀由wiki自行设定,站点的跨wiki表列出了所有前缀所代表的站点。

跨wiki链接的语法与普通内链相似,都是使用两对中括号。

普通跨wiki链接
描述 输入 显示
简单链接 [[mcwiki:草方块]] mcwiki:草方块
无前缀 [[mcwiki:草方块|]] 草方块
设置显示文本 [[mcwiki:草方块|Minecraft Wiki中的“草方块”]] Minecraft Wiki中的“草方块”
甚至链接到别的语言 [[mcwiki:en:Grass_Block]] mcwiki:en:Grass_Block

外部链接

wikitext中,一对中括号代表外链。与内链不同,外链用空格(内链是竖线 |)分隔链接目标和显示文本。

链接必须以受支持的协议打头:https://(优先使用)和http://受所有浏览器支持;irc://ircs://ftp://news://mailto:gopher://需要安装插件或外部应用。链接暂时不支持IPv6地址。

描述 输入 显示
默认外链后面会跟着外链图标 [https://ria.red RIA官网] RIA官网

编号外链

会在页面中编号,你不会用这个的。

[https://ria.red] [1]

自由链接

使用<nowiki>…</nowiki>保持未链接状态。

https://ria.red https://ria.red
没有图标的外链 <span class="plainlinks">[https://ria.red RIA官网]</span> RIA官网

杂项

媒体链接

直接链接到文件(不是wiki分配给文件的页面)可以使用媒体链接。

输入 显示
[[Media:Example.png]] Media:Example.png

直接编辑页面的链接

使用一些技巧可以快速创建页面编辑链接。

输入 显示
[{{fullurl:帮助:Wikitext|action=edit 编辑本页}}] 编辑本页
[[Special:EditPage/帮助:Wikitext|编辑本页]] 编辑本页

图像

只能使用上传到wiki里的图像,可以在文件列表中寻找已上传的图像。

这里应该有个更进一步的帮助页面

输入 显示 注释
图像名,单词“thumb”和描述:
[[File:Example.png|thumb|示例图像]]

图像名,单词“thumb”和描述:

示例图像
  • “thumb”标签让图像可以自动放大,图像会浮动在页面右边。
  • 图像右下角有一个放大图标。
  • 这种格式适用于绝大多数图像。也就是说,它如果看起来可以,就不用改了。
可以调整图像浮动位置:
[[File:Example.png|thumb|right|浮动在右侧(默认)]]
{{Clear}}
[[File:Example.png|thumb|left|浮动在左侧]]
{{Clear}}
[[File:Example.png|thumb|center|浮动在中间]]
{{Clear}}

可以调整图像浮动位置:

浮动在右侧(默认)
浮动在左侧
浮动在中间
如果有需要,可以调整图像浮动位置。不过使用的皮肤不同,显示可能也不一样。
一张图像:[[File:Material Design icon Aunst merge.svg]]
一张图像: 嵌入文本的图像无需添加额外参数。如果图像太高,会调整该行的行高。所以嵌入较矮的图像(也许高度不大于文本高度的1.25倍)看起来才比较正常。嵌入图像会影响文本的垂直位置。
添加替代文本:[[File:Material Design icon Aunst merge.svg|alt=代表合并的图像,左侧两个紫色正方形通过线连接到右侧的蓝色圆形]]
添加替代文本:代表合并的图像,左侧两个紫色正方形通过线连接到右侧的蓝色圆形 图像无法加载时会显示替代文本。浏览器以纯文本模式显示页面时也会显示替代文本。设备在朗读页面时也会读出替代文本。你应该为图像设置替代文本。
带链接:[[File:Material Design icon Aunst merge.svg|link=Project:首页]]
带链接: 设置图像链接目标。左侧图像链接到Project:首页。如果设置为link=的话,点击图像就不会跳转了。默认情况下,图像会链接到它的文件页。
图像宽度设为150px:
[[File:Example.png|thumb|150px|示例图像]]
{{Clear}}
图像高度设为150px:
[[File:Example.png|thumb|x150px|示例图像]]
{{Clear}}
尊重用户设置的宽度:
[[File:Example.png|thumb|upright|示例图像]]
{{Clear}}
[[File:Example.png|thumb|upright=0.5|示例图像]]

图像宽度设为150px:

示例图像

图像高度设为150px:

示例图像

尊重用户设置的宽度:

示例图像
示例图像

upright是指用户偏好缩略图宽度的几倍,在参数设置中调整,默认为300px。upright只在缩略图(thumb)和无框(frameless)图像中有效。只写upright,不带等号和倍数,图像宽度会设为偏好宽度的0.75倍(uprignt=0.75)

慎重更改图像尺寸。改了可能有不可预知的后果。试着调整浏览器窗口的宽度,观察页面显示情况。

指向图像描述页的链接:[[:File:Example.png]]
指向图像描述页的链接:File:Example.png 点击图像也会跳转到图像描述页,除非设置了link=
指向图像的链接:[[Media:Example.png]]
指向图像的链接:Media:Example.png 直接链接到图像,不显示图像。

表格

可以使用wikitext构建表格。

表格基本标记

表格的基本标记
元素 wikitext 需求 使用提示
表格开始 {| 必需
标题 |+ 可选 放在表格开始标记的下面一行
|- 可选 第一行可以省略不写
表头单元格 !!! 可选

一行可以写出多个连续单元格,将!放在行首,以!!分隔单元格。

也可以将每个单元格放在单独的一行中,将!放在行首,后跟内容。

数据单元格 ||| 可选

一行可以写出多个连续单元格,将|放在行首,以||分隔单元格。

也可以将每个单元格放在单独的一行中,将|放在行首,后跟内容。

|也用来分隔表格的HTML属性与内容。

表格结束 |} 必需

HTML属性

表格元素很多时候需要添加属性,wikitext提供了方法。

单元格和标题(|||!!!|+)有内容,因此需要使用竖线符号(|)分隔属性与内容。

表格和行({||-)标记不直接保存内容,属性直接加在标记后,不使用|

表格常用属性包括class(特别是class="wikitable",大多数表格的样式);添加CSS的style;设置表头归属的scope;让单元格跨行的rowspan;让单元格跨列的colspan

简单表格示例

源代码 显示
{| class="wikitable"
  |+ 表格标题
  |-
  ! scope="col" | 年份
  ! scope="col" | 数据1
  ! scope="col" | 数据2
  |-
  | 2022
  | 1500
  | 1000
  |-
  | 2023
  | 1650
  | 1080
  |-
  | 2024
  | 1850
  | 1130
|}
表格标题
年份 数据1 数据2
2022 1500 1000
2023 1650 1080
2024 1850 1130

可以看出,这是个3列4行的表格,在代码中有4个行标记|-,行标记下有3行以!|起头的单元格标记。下面来逐行讲解这段代码。

{| class="wikitable"
  |+ 表格标题

第1行:{|代表表格开始。后面的class="wikitable"给表格添加HTML类属性“class”,属性值是“wikitable”。这只是标记了有一个表格,而不直接储存内容,所以属性直接写在代码后。该属性给表格通用外观。

第2行:设置表格标题,就是表格上方居中显示的那段文本。简明的标题可以让读者知道表格是否有阅读价值。标题保存东西,加属性需要使用竖线(|)分隔,例如:

源代码 显示
<!-- 其他内容略去 -->
  |+ style="text-align: right" | 表格标题
表格标题
年份 数据1 数据2
2022 1500 1000

可以看出顺序:标记、属性、竖线|、内容。这里标题位于右侧。

  |-
  ! scope="col" | 年份
  ! scope="col" | 数据1
  ! scope="col" | 数据2

这四行代码是表格的第一行,有3个单元格,都是表头单元格。|-是表格行标记,于是有了一行。但是还要有格子放,于是有了下面三行。单元格属性scope="col"表示这个表头是一列(column)的表头。也有scope="row",表示表头是一行的表头,见下例。

源代码 显示
{| class="wikitable"
  |+ 表格标题
  |-
  ! scope="col" | 年份
  ! scope="col" | 数据1
  ! scope="col" | 数据2
  |-
  ! scope="row" | 2022
  | 1500
  | 1000
  |-
  ! scope="row" | 2023
  | 1650
  | 1080
  |-
  ! scope="row" | 2024
  | 1850
  | 1130
|}
表格标题
年份 数据1 数据2
2022 1500 1000
2023 1650 1080
2024 1850 1130

设置正确scope的好处是,表头与数据的关系不再靠视觉确认,而是明确写在代码里的。浏览器没有视力,这样可以改进用户体验。在使用工具读出页面时,scope特别有用。简单的表格没必要设置,比如我们一开头的例子。浏览器可以推断:哦,只有一行表头,其他行没有,那么这些表头是和列关联的。什么时候该设置scope,自己把握就行了。

对,表头和数据单元格可以写在一行里。二维表格都是这样。

  |-
  | 2022
  | 1500
  | 1000
  |-
  | 2023
  | 1650
  | 1080
  |-
  | 2024
  | 1850
  | 1130
|}

这里就没什么好解释的了。设置了3行,每行3个数据单元格。最后一行|}是来结束这个表格的。

表格里的东西缩不缩进都可以,个人感觉缩进会好看点。这样是可以的:

{|class="wikitable"
|+表格标题
|-
!年份
!数据1
!数据2
|-
|2022
|1500
|1000
|-
|2023
|1650
|1080
|-
|2024
|1850
|1130
|}

最好不要一部分缩进,一部分不缩进,虽然可以生效,但代码可太难看了。如果你故意这样写……保不齐我哪天晚上带着键盘,把键盘光效调成绿色呼吸灯,去敲你家窗户。