◆少前百科是非盈利性、非官方的少女前线维基百科。
◆如果您发现某些内容错误/空缺,请勇于修正/添加!参与进来其实很容易!点这里 加入少前百科
◆有任何意见、建议、纠错,欢迎在 GFwiki:反馈与建议 提出和讨论。编辑事务讨论QQ群:597764980,微博@GFwiki少前百科
◆To foreigners,You can use twitter to contact us.
Icon Nyto Silver.png

GFwiki:常用代码

来自少前百科GFwiki
跳转至: 导航搜索

本页主要介绍一些常用编辑代码

一些更深入的代码引用可以参考维基百科的编辑手册 可能需要某些特殊浏览手段

编辑栏中上方有直接可供使用的文本编辑选项,你也可以自己使用如下常用编辑码

目录

常用文本效果

基本说明 所输代码 显示效果
字体
斜体
''斜体''
斜体
粗体
'''粗体'''
粗体
斜粗体
'''''斜粗体'''''
斜粗体
下划线
<u>下划线</u>
下划线
加粗下划线
<u>'''加粗下划线'''</u>
加粗下划线
划线
<s>划线</s>
划线
文字居中
<center>居中</center>
居中
文字颜色 {{Color|颜色代码|文字内容}} 文字内容
段落
不同级别标题
== 2级标题 ==
=== 3级标题 ===
==== 4级标题 ====
===== 5级标题 =====
====== 6级标题 ======
1级标题为页面名,所以无需使用

2级标题

3级标题

4级标题

5级标题
6级标题
分隔线
前文
----
后文

前文


后文

着重列表
* 着重说明
** 更深一级
*** 再深一级
* 着重说明再来一遍
** 再来一遍更深一级
*** 再来一遍再深一级
  • 着重说明
    • 再深一级
      • 更深一级
  • 着重说明再来一遍
    • 再来一遍深一级
数字条目列表
# 条目说明
## 条目说明再深一级第1条
## 条目说明再深一级第2条
### 条目说明更深一级
# 再来一个新条目说明
## 再深一级
  1. 条目说明
    1. 条目说明再深一级第1条
    2. 条目说明再深一级第2条
      1. 条目说明更深一级
  2. 再来一个新条目说明
    1. 再深一级
定义说明
;项目1
: 定义1
;项目2
: 定义2-1
: 定义2-2
项目1
定义1
项目2
定义2-1
定义2-2
缩进文本
: 缩进1格
:: 缩进2格
::::: 缩进多格
缩进1格
缩进2格
缩进多格
格式混用
# 条目1
#* 条目1重点说明1
#** 条目1'''重点说明'''1-1
# 条目2
#: 条目1说明缩进
#:: 条目1说明再''缩进''
  1. 条目1
    • 条目1重点说明1
      • 条目1重点说明1-1
  2. 条目2
    条目1说明缩进
    条目1说明再缩进
隐藏、折叠内容
{{Hide|show=|标题=|内容=|对齐=|宽度=px|高度=px}}
河蟹你懂的
  • 测试*测试*测试

链接

说明 方法 示例
直接链接
[[柯尔特左轮]]
柯尔特左轮
间接链接
[[柯尔特左轮|请参考柯尔特左轮的页面说明]]
请参考柯尔特左轮的页面说明
链接到页面内锚点
[[柯尔特左轮#背景资料]]
柯尔特左轮#背景资料

注脚/角标

基础

使用<ref>注释内容</ref>即可在文本中加入注脚,

使用<references />显示注释内容。

<references />可以置于在<ref>之下的任意行,通常建议置于页面底端。

范例:

文本<ref>注释内容</ref>文本文本
<references />注释内容会在这里显示

效果:

文本[1]文本文本

  1. 注释内容

同一注脚的多次使用

使用<ref name="name">可以对注脚进行命名以多次使用,

在二次使用注脚的地方只需插入<ref name="name"/>即可(注意斜杠)。

范例:暂译声明

====羁绊故事<ref name="暂译">本从者国服未实装,因此文本由日文文本暂译,译者XXX</ref>====

====相关礼装<ref name="暂译"/>====

====语音<ref name="暂译"/>====

<references />

效果:

羁绊故事[1]

相关礼装[1]

语音[1]

  1. 1.0 1.1 1.2 本从者国服未实装,因此文本由日文文本暂译,译者XXX

段落

换行

Mediawiki忽略单个换行。要想另起一段,请留空一行(两个换行)。您也可以使用HTML标记<br />强制换行另起一段。

分标签页展示

代码

<tabber>
Tab1 = 内容1
|-|
Tab2 = 内容2
</tabber>

效果:

内容1

内容2


HTML 标记

在 MediaWiki 中允许使用一些HTML标记。比如<code>, <div>, <span> and <font>等。这些标记将在你插入它们的地方生效。

描述 您输入的 输出效果
插入标记
(在很多浏览器中显示为下划线)
<ins>插入标记</ins>

或

<u>下划线</u>

插入标记

下划线

删除标记
(在很多浏览器中显示为删除线)
<s>划掉</s>

或

<del>删除线</del>

划去

删除线

等宽字体
<code>源代码</code>

或

<code>等宽字体</code>

源代码

等宽字体

引用的内容
之前的文本
<blockquote>引用的内容</blockquote>
之后的文本

之前的文本

引用的内容

之后的文本

评论
<!-- 这行是注释 -->
注释只能编辑时在编辑区域内看到。

注释只能编辑时在编辑区域内看到。

插入符号

您可以用多种方式录入无法使用键盘直接录入的符号和其他特殊字符,许多操作系统与浏览器都存在允许您通过菜单或操作系统面板插入特殊字符的功能。另外,您也可以使用WikiEditor或VisualEditor来插入它们。

如果以上方法都无法插入特殊字符,您可以用一种特殊字符序列来插入他们。那种序列被称为HTML实体。比如,&rarr;就是一个序列(实体)。当这个序列被插入时,将会显示为右箭头的 HTML 符号 →;&mdash;插入位置将会显示为破折号(译者注:英文破折号) HTML 符号 —。


模板:Note

HTML symbol entities
Á á Â â ´ Æ æ À à Α α & Å å Ã ã Ä ä Β β ¦ Ç ç ¸ ¢
Χ χ ˆ © ¤ ° Δ δ ÷ É é Ê ê È è Ε ε Η η
Ð ð Ë ë ƒ ½ ¼ ¾ Γ γ > Í í Î î ¡ Ì ì Ι ι
¿ Ï ï Κ κ Λ λ « < ¯ µ · Μ μ  
¬ Ñ ñ Ν ν Ó ó Ô ô Œ œ Ò ò Ω ω Ο ο ª º Ø ø Õ õ Ö
ö Φ φ Π π ϖ ± £ Ψ ψ " » ® Ρ ρ
Š š § ­ Σ σ ς ¹ ² ³ ß Τ τ Θ θ ϑ Þ þ ˜
× Ú ú Û û Ù ù ¨ ϒ Υ υ Ü ü Ξ ξ Ý ý ¥ ÿ Ÿ Ζ ζ
说明 您输入的 输出效果
版权标记 &copy;
©
希腊字符Δ标记 &delta;
δ
欧元标记 &euro;

查阅所有的 HTML 实体列表请前往维基百科的文章XML与HTML字符实体引用列表。同时, MediaWiki 支持两种非标准的实体引用序列: &רלמ;&رلم; 这些都与&rlm;同等考虑,这是一个右至左符号。(当右至左和左至右语言混合显示在同一页面时使用。)

图像使用

无格式图片

下列命令可插入无格式图片:

[[File:大家氪.jpg|大家氪]]

这样插入的图片和原始上传图片大小一样。图片放置的位置是任意的,并且文本不会浮动(环绕四周)。例如:

Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 大家氪 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点

请注意图片在何处将文本分成两块是取决于标记的放置位置的。

指定位置

现在,例如我们需要:

  1. 文本浮动(环绕四周)于图片;或
  2. 指定图片放置的位置(左、右、嵌入等)。

要做到这一点,只需添加如下定位语句。

例1 - 右对齐,浮动

[[File:大家氪.jpg|大家氪]]

Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 大家氪 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点

例2 - 右对齐,浮动,带标题

通常将这些命令放置在段落开头,这样图像便可浮动在段落的右侧——许多条目的开头常常这样做。

[[File:大家氪.jpg|大家氪]]

大家氪 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点

例3 - 左对齐,浮动

[[File:大家氪.jpg|大家氪]]

Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点

大家氪

Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点

例4 - 置中, 不浮動

[[File:大家氪.jpg|center|大家氪]]

Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点

大家氪

Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点

例5 - 不浮动

[[File:大家氪.jpg|none|大家氪]]

Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点

大家氪

Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点

使用框架,添加标题

图片常常需要一个标题来进行描述,这时就需要使用框架将它们框起来。

[[File:大家氪.jpg|thumb|此圖為大家氪]]

Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点

此圖為大家氪

Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点

缩略图

缩略图会将图片框起来,并在右下角显示一个放大的标记。这是一个让用户知道一个尺寸更大的版本的好方法。缩略图也让我们可以指定图片的标题(关于題注的撰写,参见Wikipedia:zh:wikipedia:題注)。

[[File:大家氪.jpg|thumb|大家氪]]

Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点

大家氪

Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点

调整大小

当图片太大的时候,我们可能希望在条目中只显示一幅相应的较小的图。

维基格式支持自动调整大小;换言之,当贡献者上传了某一大小的图片后,当其他人查看条目时,图片会自动调整为指定的大小。例如,我们需要图片宽100像素

[[File:大家氪.jpg|100px]]

大家氪.jpg

在典型的支持图片的浏览器中,若用户将鼠标移至图片上,将显示“100px”的提示字样;而在文本浏览器中,“100px”会在图片的位置显示出来。我们可以通过指定交替文本来改变它,如下:

[[File:大家氪.jpg|100px|大家氪]]

大家氪

如果要使之变成500像素宽:

[[File:大家氪.jpg|500px|大家氪]]

大家氪

通常這些過大的圖片都不應該放置在條目內文裡,這會不方便讀者瀏覽。大多數圖片的寬度應大約位於100至400像素之間,所以在設定圖片大小時,數值不應超過這個範圍。

另外请注意当图片分辨率小于设置的宽度时,图片会被强行拉伸导致解析度会下降。所以请避免把小图放大。


除了上述按照宽度调整图像,也可以按照高度调整图像:

[[File:大家氪.jpg|x100px]]

大家氪.jpg

与宽度不同,当图片高度小于设置的高度时,图片不会被强行拉伸。

带有链接的图片

如果你想点击图片,使之跳转到特定条目,可以这样写:

[[File:大家氪.jpg|link=首页]]

大家氪.jpg

同样的,link语法也支持外部链接:

[[File:Wikipedia-logo.png|link=https://zh.wikipedia.org/wiki/Wikipedia:首页]]

文件:Wikipedia-logo.png

结合不同选项

好了,前面的命令都很不错。不过如果不将它们结合起来使用,其实是没有太大用处的。现在,我们有一幅图片需要进行浮动、右对齐、缩略图、调整为100像素宽、链接到首页、并有一个标题。这时只需要将前面的参数一块用上就可以了。参数的顺序通常无所谓,但须保证图片名是第一个参数,而标题只能在最后一个

[[File:大家氪.jpg|thumb|100px|right|link=首页|大家氪]]

Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点

大家氪

Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点

避免图像“堆积”

许多用户进行图像浮动时常碰到一个问题,就是多幅图片有时会水平地“堆积”在一起,对于大型图片尤其如此。“最佳”的解决方法是,添加更多的文本,但有时这是不可能的。本节将介绍一些解决办法。

大家氪

Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点

文件:Wikipedia-logo.png
维基百科的标志


联合对齐相似图片

经常会有两幅从逻辑上讲需要归于一组的相似图片。为做到这一点,需要加入一些html标记:

  <div style="float:right;width:315px;">
  [[File:大家氪.jpg|none|thumb|300px|大家氪]]

  [[File:Wikipedia-logo.png|right|thumb|200px|维基百科的标志]]
  </div>
大家氪


文件:Wikipedia-logo.png
维基百科的标志

<poem> Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点。Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点。Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点。Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点。 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点。Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点。Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点。Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点。 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点。Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点。Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点。Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点。 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点。Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点。Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点。Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点。 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点。Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点。Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点。Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点。 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点。Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点。Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点。Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点。 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点。Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点。Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点。Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点。 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点。Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点。Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点。Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点。 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点。Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点。Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点。Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点。 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点。Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点。Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点。Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点。 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点。Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点。Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点。Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点。 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点。Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点。Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点。Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点。 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点。Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点。Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点。Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点。 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点。Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点。Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点。Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点。 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点。Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点。Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点。Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点。
</poem>

有时候也可以水平对齐两幅图像:

大家氪
大家氪
[[File:大家氪.jpg|left|thumb|300px|大家氪]]
[[File:大家氪.jpg|none|thumb|300px|大家氪]]

不过,这应当较少采用,因为对使用较窄的浏览器窗口者有可能导致图片超过屏幕的右边缘。

实现这个效果的方法是利用表格标记

{|
|-
| [[File:大家氪.jpg|none|thumb|300px|大家氪]]
| [[File:大家氪.jpg|none|thumb|300px|大家氪]]
|}

另一种避免过宽的办法是,将两幅图都左对齐,直接进行堆积。

大家氪
大家氪


[[File:大家氪.jpg|left|thumb|300px|大家氪]]
[[File:大家氪.jpg|left|thumb|300px|大家氪]]
<br style="clear:both;" />

这条命令

<br style="clear:both;" />

是为了防止后面的文字直接显示在图片旁。

左右交替浮动

或许最简便的方式便是采用左右交替浮动的方法了 —— 这种方式使得两幅图片不会互相干扰,更不会叠加在一起。

大家氪
文件:Wikipedia-logo.png
维基百科的标志

Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点

強迫換行

最後的手段是強迫瀏覽器加一空白行,令所有文字和圖片都在第一幅圖片之下出現。但圖片旁的文字之下可能會出現唐突的空白。記住,用戶的瀏覽器、顯示屏解像度、預設的文字大小、瀏覽器上工具列的數目等不同設定,都可能影響文本如何浮動和環繞圖片。因此,不要為了令頁面在你的電腦上看來美觀而強行改變頁面設計。只有在必須的情況下才把頁面“劈開”。可以的話,讓頁面根據邏輯排列即可。

   <br style="clear:both;" />

注:也可以用{{clear}}替代上句代码,效果一样。用{{-}}替代上句代码时会额外多空出一行,可视情况使用。

大家氪

Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点

文件:Wikipedia-logo.png
维基百科的标志

Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点 Mooncell,由FGO爱好者搭建并协作编写的wiki类资料站点

圖片集

維基標記語言和層疊樣式表(CSS)

要在圖片集展示一系列圖片,一個簡單的方法是使用維基標記語言和层叠样式表(CSS):讓所有圖片靠左浮動,並在其後清除靠左浮動的設定,以免圖片在圖片集以後的內容中出現。


[[File:大家氪.jpg|128px|thumb|left|大家氪1]]
[[File:大家氪.jpg|128px|thumb|left|大家氪2]]
[[File:大家氪.jpg|128px|thumb|left|大家氪3]]
[[File:大家氪.jpg|128px|thumb|left|大家氪4]]
[[File:大家氪.jpg|128px|thumb|left|大家氪5]]
[[File:大家氪.jpg|128px|thumb|left|大家氪6]]
<br style="clear: left"/>

好處:簡單、圖片會根據畫面大小換行。

大家氪1
大家氪2
大家氪3
大家氪4
大家氪5
大家氪6


画廊语法

<gallery> 标签制作一个由缩略图组成的画廊是很简单的。语法是:

<gallery>
File:文件名.扩展名|标题|alt=替代语言
File:文件名.扩展名|标题|alt=替代语言
{...}
</gallery>

注意:当图片代码包括在画廊标签中时,是不必用方括号将其包裹起来的。

标题是可选的,也可包含维基链接或者其它格式。

如果图片位于 File 命名空间中,则可以省略 File: 前缀。

  • alt属性的功能是,当图片无法打开(网速过慢、浏览器禁用图像 等原因)时,图片应有的位置会显示 alt= 之后的内容。缺省時是圖片名。

例如:

<nowiki><gallery>
File:大家氪.jpg|第一项
File:大家氪.jpg|链接到[[:Mooncell:关于]]
File:大家氪.jpg
File:大家氪.jpg|alt=拉二正在让大家氪
File:大家氪.jpg|''斜体的标题''
File:大家氪.jpg|位于页面“{{PAGENAME}}”
</gallery>

会被格式化为:

可选的画廊属性

gallery 标记自身接受几个额外参数,可通过成对的“名称-值”来指定:

<gallery {参数}>
{图片}
</gallery>
  • caption="{标题}":(若标题文本中包含空格,应使用双引号将其包括起来)在画廊顶端中间位置显示一个标题。
  • widths={宽度}px:设置图片宽度,默认为 120px。注意,是每张图片的宽度。
  • heights={高度}px:设置图片的(最大)高度。
  • perrow={整数}:设置每行显示的图片数。
  • showfilename={任意值}:将每张图片的文件名显示为单独的标题 (1.17+)

示例:

代码:

<gallery widths=60px heights=60px perrow=7 caption="拉二正在让大家氪">
File:大家氪.jpg
File:大家氪.jpg
File:大家氪.jpg
File:大家氪.jpg
File:大家氪.jpg
File:大家氪.jpg
File:大家氪.jpg
File:大家氪.jpg
File:大家氪.jpg
File:大家氪.jpg
</gallery>

结果:

模式参数

从mediawiki 1.22版本开始,gallery标签新加入了模式参数功能, 可选参数如下:

  • traditional: 标准默认的画廊模式。
  • nolines: 标准模式去掉了外围方框。
  • packed: 设置图片为统一高度,系统自动根据长宽比调整图片宽度,根据屏幕宽度调整每行图片数。
  • packed-overlay: packed模式外文字说明和半透明背景框。
  • packed-hover: packed模式,鼠标悬浮时显示文字说明+半透明背景框。
  • slideshow: 幻灯片模式,可以点击切换图片或查看所有画廊内的图片。(mediawiki 1.23新增)

举个例子说明:

mode="traditional" 标准模式
<gallery mode="traditional">
Image:大家氪.jpg|大家氪
Image:大家氪.jpg|大家氪
Image:大家氪.jpg|大家氪
</gallery>
mode="nolines" 无框标准模式
<gallery mode="nolines">
Image:大家氪.jpg|大家氪
Image:大家氪.jpg|大家氪
Image:大家氪.jpg|大家氪
</gallery>
mode="packed" 填充模式
<gallery mode="packed">
Image:大家氪.jpg|大家氪
Image:大家氪.jpg|大家氪
Image:大家氪.jpg|大家氪
</gallery>
mode="packed-overlay" 带字幕的填充模式
<gallery mode="packed-overlay">
Image:大家氪.jpg|大家氪
Image:大家氪.jpg|大家氪
Image:大家氪.jpg|大家氪
</gallery>
mode="packed-hover" 鼠标悬浮时显示文字的填充模式
<gallery mode="packed-hover">
Image:大家氪.jpg|大家氪
Image:大家氪.jpg|大家氪
Image:大家氪.jpg|大家氪
Image:大家氪.jpg|大家氪
Image:大家氪.jpg|大家氪
Image:大家氪.jpg|大家氪
Image:大家氪.jpg|大家氪
</gallery>
mode="silideshow" 幻灯片模式

这个模式默认会让画廊占据所有可用空间,通常会使图片显示过大。由于高heights和宽weights参数在此模式被忽略,因此画廊的尺寸需要像下面一样手动限制。注意此处限制的是画廊可用的最大尺寸,而非画廊内图片的尺寸。

{|width=800px
|-
|<gallery mode="slideshow">
File:大家氪.jpg
File:大家氪.jpg
File:大家氪.jpg
File:大家氪.jpg
File:大家氪.jpg
</gallery>
|}

链接到图片但不显示圖片

假如你想鏈接到圖片但不顯示的話,有兩個方法可以做到。

[[Media:大家氪.jpg]]

Media:大家氪.jpg

請注意那是 "Media" 而非 "File"。當按下該鏈接,瀏覽器會自動開啟鏈接的圖片。你亦可以改變顯示的文字。

[[Media:File:大家氪.jpg|这是大家氪]]

这是大家氪

若要連到圖像頁(包含何人、何時上載及版權資訊等資料),而非直接連到圖像,你可以這樣寫:

[[:File:大家氪.jpg]]

File:大家氪.jpg

這圖片跟本指南第一個圖片的唯一分別是在"Image"之前加了一個冒號 (:)。

如上所述,你可以隨意改動鏈接的文字。

[[:File:大家氪.jpg|该链接直接连到标志的图像页]]

该链接直接连到标志的图像页


音频使用

上传文件注意事项

Mooncell可以上传并在条目中播放音频,原则上,上传的音频文件应符合「合理利用」原则,为丰富条目质量而添加。

上传违反法律法规的文件,以及大量上传侵犯版权的文件是不允许哒! 违规文件会被删除,多次违规的话会有封禁惩罚哦!

音频文件名建议使用数字和英文字母。包含符号/汉语/日语等文字会导致部分浏览器下无法播放音频。

同样「,」一类的字符存在命名中,可能被插件错误识别,导致无法播放音频。请不要在命名中出现这类符号。

提示:我们不建议您在插入音频时设置自动播放!这可能会影响到浏览者的体验!

Sm2Shim

Sm2Shim 提供了对Mooncell使用的 FlashMP3 和 SoundManager2Button 两种扩展的兼容。

引用文件的方式为: <sm2>XXX.mp3</sm2><flashmp3>XXX.mp3</flashmp3>

如果只需要简单的播放(如语音),则应该使用原来的 SoundManager2Button 语法(第一种)。如果需要定义播放行为,设定播放列表,则需要使用 FlashMP3 语法,也就是第二种语法。

SoundManager2Button 语法

只需要填写文件名称或者外链地址,没有其他选项。

FlashMP3 语法

必须参数为文件列表或单个文件,以英文逗号分隔。如果只需要一个文件,则不用填写逗号。例如:

File:Six Degress Of Separation.mp3, File:Hall Of Fame.mp3, https://example.com/demo.mp3

https://example.net/SingleFile.mp3

内链外链可以混合使用。

请注意:并不是所有可选参数都受到支持。支持的可选参数请见下表。

可选参数 描述 范例
loop 启用全列表循环播放 loop=yes (启用)
autostart 启用自动播放(仅对桌面平台有效)为了节省电池消耗和网络流量,移动设备浏览器一般不允许自动音频播放。 autostart=yes(启用)
bg 修改背景颜色。颜色按Hex Number表述,以0x开头。 bg=0xFF00FF
openplaylist 默认展开播放列表。(Sm2Shim扩展语法)仅对Sm2Shim有效。 openplaylist=yes

在当前版本中,背景颜色必须以0x开头,例如0x66CCFF

內部文件和外部文件

这两种语法同时支持上传到文件和外部文件。内部文件可以写成【File:XXX.mp3】或者【XXX.mp3】,两者均能识别。外部文件直接输入 HTTP/HTTPS 链接。内链外链可以混合使用。

范例

<sm2>File:简单的语音文件.mp3</sm2>

<flashmp3>File:一段音乐.mp3,Six Degress Of Separation.mp3,https://example.net/外链.mp3|autostart=yes|bg=0xFF00FF|loop=yes</flashmp3>

高级表格属性

Wiki表格标示摘要

{| 表格起始,必需
|+ 表格 標題選用;每張表格只能出現一次且介於表格起始第一行
|- 表格行第一行選用 -- wiki 引擎會假設是第一行
! 表格標題 儲存格, 選用。 可以使用(!!)在同一行加入接續的表格標題或是單獨使用(!)換新的一行 。
| 表格数据调用,可选。 可以使用(||)接續表格資料儲存格或是單獨使用(|)。
|} 表格末尾必要
  • 上述符號必須出現在新行的開頭除了當在同一行中想要延續儲存格所增用的雙||!!。然而,行开头的空格会被忽略。
  • HTML 屬性。 每一個符號,除了表格的末尾,可選擇性的接受一或多個 HTML 屬性。 屬性必須與符號在同一行。 請使用一個空格隔開每一項屬性。
    • 儲存格與標題(|或是||!或是!!,以及|+)持有表格內容。 所以要使用單線(|)來區隔屬性與內容。 儲存格內容可以都位在同一行或是換到另一行。
    • 表格與行的符號({||-)並不直接持有內容。 在它們的屬性之後請不要加入管線(|)。 如果你在表格與行符號的屬性之後錯誤的加入管線符號,剖析器會將之刪除 以及之後任何觸及該出錯管線的屬性!
  • 內容 (a) 可以任何選用的 HTML 屬性之後跟著同一行它的儲存格標記或是 (b) 儲存格標記的下一行。 使用 wiki 標示語言的內容本身需要自新的一行開始,例如清單,表頭,或是表格內接的表格,必須在它自個兒的新行。
    • 管道符号作为内容。 在表格中插入(|),可以使用<nowiki>|</nowiki>避免成为标示语言的一部分。

基础

下面這個表格沒有外框與留白,但是顯示了最簡單的 wiki 表格標示語言的結構。

您输入的 您输出的
{|
|橘子
|苹果
|-
|面包
|饼
|-
|奶油
|冰淇凌 
|}
橘子 苹果
面包
奶油 冰淇凌

想要排列得更像表格,可以使用 wiki 標示語言||將儲存格分開但又並排於同一行。 如果单元格中的文本包含了换行符,可使用<br/>替代。

您输入的 输出效果
{|
|橘子||苹果||更多
|-
|面包||饼||更多
|-
|奶油||冰<br />淇淋||和<br />更多
|}
橘子 苹果 更多
面包 更多
奶油
淇淋

更多

如下面的Wiki标示语言,单元格包含额外空格,这不影响实际表格的呈现。

您输入的 您输出的
{|
|  橘子 || 苹果 || 更多
|-
|   面包 || 饼 || 更多
|-
|   奶油 || 冰淇凌 || 以及更多
|}
橘子 苹果 更多
面包 更多
奶油 冰淇凌 以及更多

您当然也可以在单元格中输入更长的文本或者更复杂的Wiki语法:

您输入的 您输出的
{|
|Lorem ipsum dolor sit amet, 
consetetur sadipscing elitr, 
sed diam nonumy eirmod tempor invidunt
ut labore et dolore magna aliquyam erat, 
sed diam voluptua. 

At vero eos et accusam et justo duo dolores
et ea rebum. Stet clita kasd gubergren,
no sea takimata sanctus est Lorem ipsum
dolor sit amet. 
|
* Lorem ipsum dolor sit amet
* consetetur sadipscing elitr
* sed diam nonumy eirmod tempor invidunt
|}
Lorem ipsum dolor sit amet,

consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

  • Lorem ipsum dolor sit amet
  • consetetur sadipscing elitr
  • sed diam nonumy eirmod tempor invidunt

表格头部

表格的头部可以通过使用“!”(感叹号)替代“|”(管道符号)创建。 标头通常显示为粗体,并默认居中。

您输入的 您输出的
{|
! style="text-align:left;"| 项
! 金額數量
! 价钱
|-
|橘子
|10
|7.00
|-
|面包
|4
|3.00
|-
|奶油
|1
|5.00
|-
!总计
|
|15.00
|}
金額數量 價錢
橘子 10 7.00
面包 4 3.00
奶油 1 5.00
总计 15.00

注意:当使用属性作为标头“项目”时,需使用一个竖线条“|”分隔。 而不是感叹号“!”。

标题

表格标题可以添加到任何表的顶部,如下所示。

您输入的 您输出的
{|
|+食品和配餐
|-
|橘子
|苹果
|-
|面包
|饼
|-
|奶油
|冰淇凌 
|}
食品和配餐
橘子 苹果
面包
奶油 冰淇凌

class="wikitable"

通过添加 class="wikitable" ,可以使表格实现:浅灰色背景、可见边框、内边距、左对齐的基本样式。

您输入的 您输出的
{| class="wikitable"
|+食品和配餐
|-
|橘子
|苹果
|-
|面包
|饼
|-
|奶油
|冰淇凌 
|}
食品和配餐
橘子 苹果
面包
奶油 冰淇凌

HTML 列距和行距

您可以在单元格可以使用HTML colspanrowspan属性进行高级布局。

您输入的 您输出的
{| class="wikitable"
!colspan="6"|购物清单
|-
|rowspan="2"|麵包和奶油
|派
|小圆面包
|丹麥甜糕餅
|colspan="2"|羊角麵包
|-
|奶酪
|colspan="2"|冰淇凌
|奶油
|酸奶酪
|}
購物清單
麵包和奶油 小圆面包 丹麥甜糕餅 羊角麵包
奶酪 冰淇凌 奶油 酸奶酪


HTML 屬性

你可以添加HTML屬性到表格。 这些属性的规范来源,请参考W3C的HTML表格规格页面

添加属性到表格

将表格属性添加到({|)后将应用属性到整个表格。

您输入的 您输出的
{| class="wikitable" style="text-align: center; color: green;"
|橘子
|苹果
|12,333.00
|-
|面包
|饼
|500.00
|-
|奶油
|冰淇凌
|1.00
|}
橘子 苹果 12,333.00
面包 500.00
奶油 冰淇凌 1.00

單元格属性

你可以將屬性加諸於個別的儲存格。 例如數字靠右對齊會比較好看。

您输入的 您输出的
{| class="wikitable"
| 橘子
| 苹果
| style="text-align:right;" | 12,333.00
|-
| 面包
| 饼
| style="text-align:right;" | 500.00
|-
| 奶油
| 冰淇凌
| style="text-align:right;" | 1.00
|}
橘子 苹果 12,333.00
面包 500.00
奶油 冰淇凌 1.00

当您在单行中列出多个单元格时,也可以使用单元格属性。 注意单元格是被||分隔的,且每个单元格的属性和内容是被|分隔的。

您输入的 您输出的
{| class="wikitable"
| 橘子 || 苹果     || style="text-align:right;" | 12,333.00
|-
| 面包 || 饼       || style="text-align:right;" | 500.00
|-
| 奶油 || 冰淇凌 || style="text-align:right;" | 1.00
|}
橘子 苹果 12,333.00
面包 500.00
奶油 冰淇凌 1.00

行属性

你也可以將屬性加諸於個別的

您输入的 您输出的
{| class="wikitable"
| 橘子
| 苹果
| style="text-align:right;"| 12,333.00
|-
| 面包
| 饼
| style="text-align:right;"| 500.00
|- style="font-style: italic; color: green;"
| 奶油
| 冰淇凌
| style="text-align:right;"| 1.00
|}
橘子 苹果 12,333.00
面包 500.00
奶油 冰淇凌 1.00

添加简单的一像素表格边框

一个为表格添加一像素宽的边框的例子:

您输入的 您输出的
{| border="1" style="border-collapse:collapse"
| 橘子
| 苹果
|-
| 面包
| 饼
|}
橘子 苹果
面包

边框宽度

如果“border-width:”的值只有一个的话,值将应用于所有边框。

您输入的 您输出的
{|style="border-style: solid; border-width: 20px"
|
您好!
|}

您好!

如果“border-width:”多于一个值时,四个数字分别代表顶部,右侧,底部,左侧的宽度(请记住这个顺序)

您输入的 您输出的
{|style="border-style: solid; border-width: 10px 20px 100px 0"
|
您好!
|}

您好!

当少于四个值时,左部的值变为右部,底部的值变为顶部,右部的值变为顶部。

另一种定义单元格四边宽度的方法可以通过使用 "border-left"、"border-right"、"border-top"和"border-bottom":

您输入的 您输出的
{|style="border-left:solid 10px black;border-right:solid 20px black;border-top:solid 30px black;border-bottom:solid 40px black;" align="center" 
|
您好!
|}

您好!

模板:Note

搭配 HTML 屬性與 CSS 樣式

CSS樣式屬性可以同時搭配或不搭配其他 HTML 屬性

您输入的 您输出的
{| class="wikitable" style="color:green; background-color:#ffffcc;" cellpadding="10"
|橘子
|苹果
|-
|面包
|饼
|-
|奶油
|冰淇凌 
|}
橘子 苹果
面包
奶油 冰淇凌
属性

属性可以添加到标题和标题行,如下所示。

您输入的 您输出的
{| class="wikitable"
|+ style="caption-side:bottom; color:#e76700;"|''食品和配餐''
|-
|橘子
|苹果
|-
|面包
|饼
|-
|奶油
|冰淇凌 
|}
食品和配餐
橘子 苹果
面包
奶油 冰淇凌
列宽

列宽可以通过如下方式添加。

您输入的:

{| style="color: black; background-color: #ffffcc; width: 85%;"
| colspan="2" | 此列列宽为屏幕宽度的85%,并带有背景色。
|-
| style="width: 30%; background-color: white;"|
'''此列列宽为屏幕宽度的85%中的30%'''
| style="width: 70%; background-color: orange;"|
'''此列列宽为屏幕宽度的85%中的70%,并带有背景色'''
|}

您输出的:

此列列宽为屏幕宽度的85%,并带有背景色。
此列列宽为屏幕宽度的85%中的30% 此列列宽为屏幕宽度的85%中的70%,并带有背景色


标头单元格的辅助功能

Table header cells do not explicitly specify which table data cells they apply to (those on their right on the same row, or those below them on the same column). When the table is rendered in a visual 2D environment, this is usually easy to infer.

However when tables are rendered on non-visual media, you can help the browser to determine which table header cell applies to the description of any selected cell (in order to repeat its content in some accessibility helper) using a scope="row" or scope="col" attribute on table header cells. In most cases with simple tables, you'll use scope="col" on all header cells of the first row, and scope="row" on the first cell of the following rows:

您输入的 您输出的
{| class="wikitable"
|-
! scope="col"| 项目
! scope="col"| 数量
! scope="col"| 价格
|-
! scope="row"| 面包
| 0.3 kg
| $0.65
|-
! scope="row"| 奶油
| 0.125 kg
| $1.25
|-
! scope="row" colspan="2"| 总计
| $1.90
|}
项目 数量 价格
面包 0.3 kg $0.65
奶油 0.125 kg $1.25
总计 $1.90

对齐

表格对齐

表格的对齐通过使用CSS实现。 表格对齐由外边距控制。 A fixed margin on one side will make the table to be aligned to that side, if on the opposite side the margin is defined as auto. To have a table center aligned, you should set both margins to auto

一个右对齐表格的例子:

您输入的 您输出的
{| class="wikitable" style="margin-left: auto; margin-right: 0px;"
| 橘子
| 苹果
|-
| 面包
| 饼
|-
| 奶油
| 冰淇凌 
|}
橘子 苹果
面包
奶油 冰淇凌

一个居中表格的例子:

您输入的 您输出的
{| class="wikitable" style="margin: auto;"
| 橘子
| 苹果
|-
| 面包
| 饼
|-
| 奶油
| 冰淇凌 
|}
橘子 苹果
面包
奶油 冰淇凌

文本环绕表格

如果您将表格与页面的右侧或左侧对齐,表格后面的文本将在表格结尾处开始,并在表格周围留下空白。 You can make the text to be wrapped around the table by making the table to float around the text instead of just aligning it. This can be achieved using the float CSS attribute, which can specify where the table floats to the right side or to the left. When using float, margins doesn't control table alignment and can be used to specify the margin between the table and the surrounding text.

您输入的 您输出的
{| class="wikitable" style="float:right; margin-left: 10px;"
| 橘子
| 苹果
|-
| 面包
| 饼
|-
| 奶油
| 冰淇凌 
|}

Lorem ipsum dolor sit amet, consectetuer adipiscing 
elit, sed diam nonummy nibh euismod tincidunt ut 
laoreet dolore magna aliquam erat volutpat. Ut wisi 
enim ad minim veniam, quis nostrud exerci tation 
ullamcorper suscipit lobortis nisl ut aliquip ex ea 
commodo consequat. Duis autem vel eum iriure dolor 
in hendrerit in vulputate velit esse molestie consequat, 
vel illum dolore eu feugiat nulla facilisis at vero 
eros et accumsan et iusto odio dignissim qui blandit 
praesent luptatum zzril delenit augue duis dolore te 
feugait nulla facilisi.
橘子 苹果
面包
奶油 冰淇凌

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.

单元格内容对齐

单元格内容的对齐受两个不同CSS的属性控制text-alignvertical-align控制。 text-align可以在表格、行或单个单元格中指定,而vertical-align只能在单个行或单元格中指定。

您输入的 您输出的
{| class="wikitable"
|- style="vertical-align:top;"
| style="height:100px; width:100px; text-align:left;" | A
| style="height:100px; width:100px; text-align:center;" | B
| style="height:100px; width:100px; text-align:right;" | C
|- style="vertical-align:middle;"
| style="height:100px; width:100px; text-align:left;" | D
| style="height:100px; width:100px; text-align:center;" | E
| style="height:100px; width:100px; text-align:right;" | F
|- style="vertical-align:bottom;"
| style="height:100px; width:100px; text-align:left;" | G
| style="height:100px; width:100px; text-align:center;" | H
| style="height:100px; width:100px; text-align:right;" | I
|}
A B C
D E F
G H I

注意事项

负数

如果你要在一行的第一个单元格中显示负数(例如 |-6 ),其中的负号可能会导致显示不正常。因为MediaWiki软件会认为你的标记并不是新单元格,而是新行 (|-)。 避免的方法是在负号前加空格(| -6)或者使用单行单元格标记(|| -6)。

投票功能

语法

<poll>
问题
选项1
选项2
选项3
选项4
</poll>

范例

<poll>
这是一个毫无疑问的问题
这是一个毫无疑问的答案1
这是一个毫无疑问的答案2
这是一个毫无疑问的答案3
</poll>


效果

我是不是很帅?
您没有投票权。
您没有权限查看这个投票的结果。
自2019年1月24日 (四) 00:58创建以来共有5 人投票。
poll-id 7EAEE11C32A94402ECC461A90D67D6F8

额外参数

你可以通过额外参数来设置是否在投票前查看目前的投票结果 使用0或者1代表开启或关闭

<poll show-results-before-voting=1>
<poll show-results-before-voting=0>

如:

<poll show-results-before-voting=1>
这是一个毫无疑问的问题
这是一个毫无疑问的答案1
这是一个毫无疑问的答案2
这是一个毫无疑问的答案3
</poll>

JavaScript编写规范与bug收录

本章节收录编辑在写widget与gadget时遇到的bug及解决方案,以做备忘

ResourceLoader在加载js扩展时需要重复执行命令的情况

  • 一般情况下,通过Resourceloader加载的js扩展在执行完毕后会从网页中脱离,需要重复执行命令时,可通过
    mw.loader.load('模块名称');
    加载,即可在同一页面中重复执行。
  • 然而由于Resourceloader加载时序问题,有小概率情况下即使成功加载了模块,也无法重复使用命令
  • 解决办法
    1. 刷新页面;
    2. 直接将js模块作为gadget、widget载入。