跳转到内容

Help:HTML

维基教科书,自由的教学读本

要使用HTML代码,无需额外处理,直接输入HTML标记即可。

允许使用的HTML元素

[编辑]

以下HTML元素目前允许使用:

  • <b>
  • <big>
  • <blockquote>
  • <br>
  • <caption>
  • <center>
  • <cite>
  • <code>
  • <dd>
  • <del>
  • <div>
  • <dl>
  • <dt>
  • <em>
  • <font>
  • <h1>
  • <h2>
  • <h3>
  • <h4>
  • <h5>
  • <h6>
  • <hr>
  • <i>
  • <li>
  • <ol>
  • <p>
  • <pre>
  • <rb>
  • <rp>
  • <rt>
  • <ruby>
  • <s>
  • <small>
  • <strike>
  • <strong>
  • <sub>
  • <sup>
  • <table>
  • <td>
  • <th>
  • <tr>
  • <tt>
  • <u>
  • <ul>
  • <var>
  • <!-- ... -->

维基标记比很多HTML元素更加方便,参见:Help:编辑。不过,HTML允许使用id,这样就变化无穷了。

例子

[编辑]

span

[编辑]

<span>是通用内联文字容器,目前可以默认使用。span可以使用id、class、style來定義樣式:

<span style="color:red">style</span>

<span id="randomfooid">id</span>

<span class="importantmessage">class</span>

生成:

style id class

短語元素

[编辑]

span元素是用來对行内元素进行分组,以便通过样式对它们进行格式化。它本身沒有任何意思。而短語元素是專門為有特殊意義的文字內容而設。

各短語元素的定義
<em> 呈现为被强调的文本。
<strong> 定义重要的文本。
<dfn> 定义一个定义项目。
<code> 定义计算机代码文本。
<samp> 定义样本文本。
<kbd> 定义键盘文本。它表示文本是从键盘上键入的。它经常用在与计算机相关的文档或手册中。
<var> 定义变量。您可以将此标签与<pre><code> 标签配合使用。
<cite> 定义引用。可使用该标签对参考文献的引用进行定义,比如书籍或杂志的标题。

短語元素同樣可以用class、id、style來定義樣式。 例如:

<em>Default </em>
<em style="color:red;font-style:normal">CSS style</em>

生成

Default CSS style

这不仅仅吸引用户的注意力,还可以提醒使用非可视化浏览器或有视力障碍的用户。

font

[编辑]
注意,此元素不推薦使用,而以<span>替代。

對於一些屬性,比如顏色、字體、大小,只能這麼用:

<font size="200%">大</font>
<font color="red" face="標楷體">紅</font>字和
<font color="#0000ff" face="Comic Sans MS">Blue</font> text。

生成

字和 Blue text

div

[编辑]

<div>元素定义HTML文档中的分隔(division)或部分(section)。 <div>元素常用于组合块级元素,以便通过样式表来对这些元素进行格式化。 例如让多組文字以紅色顯示,可以这么运用:

 <div style="color:red">
  <p>This is a sentence.<em> This is an emphasized text.</em></p>
  <p>This is a paragraph.</p>
 </div>

生成

This is a sentence. This is an emphasized text.

This is a paragraph.

過時的HTML

[编辑]

新一代HTML的設計是盡量僅包含結構和內容,樣式的顯示就交由CSS負責。所以,有些HTML元素和屬性已經過時,甚至新版HTML不再支援。儘管這些過時的HTML元素和屬性在流行的瀏覽器仍然有效,但鼓勵編輯者使用新規格的HTML來編寫頁面。如果要定義文字的樣式,可以用style屬性來加入CSS。

過時的HTML元素 替代的HTML元素 意思
<font> <span> 定義文本样式。
<s> <del> 定义加删除线的文本。
<strike>
<center> <div style="text-align:center"> 將文本水平置中在區塊內。
<big> 純粹放大文本:<span style="font-size:large">
強調文本:<strong> / <em>
定义大号文本。
<u> N/A 超連結文字不宜加底線。


過時的HTML屬性 替代的CSS屬性
face="字體" font-family: 字體;
color="顏色" color: 顏色;
bgcolor="顏色" background-color: 顏色;
size="大小" font-size: 大小;
align="水平位置" text-align: 水平位置;

接下来从OutputPage.php摘录的源代码附加的说明了什么属性是可用的。

	/* private */ function removeHTMLtags( $text )
	{
		wfProfileIn( "OutputPage::removeHTMLtags" );
		$htmlpairs = array( # Tags that must be closed
			"b", "i", "u", "font", "big", "small", "sub", "sup", "h1",
			"h2", "h3", "h4", "h5", "h6", "cite", "code", "em", "s",
			"strike", "strong", "tt", "var", "div", "center",
			"blockquote", "ol", "ul", "dl", "table", "caption", "pre",
			"ruby", "rt" , "rb" , "rp"
		);
		$htmlsingle = array(
			"br", "p", "hr", "li", "dt", "dd"
		);
		$htmlnest = array( # Tags that can be nested--??
			"table", "tr", "td", "th", "div", "blockquote", "ol", "ul",
			"dl", "font", "big", "small", "sub", "sup"
		);
		$tabletags = array( # Can only appear inside table
			"td", "th", "tr"
		);

		$htmlsingle = array_merge( $tabletags, $htmlsingle );
		$htmlelements = array_merge( $htmlsingle, $htmlpairs );

		$htmlattrs = array( # Allowed attributes--no scripting, etc.
			"title", "align", "lang", "dir", "width", "height",
			"bgcolor", "clear", /* BR */ "noshade", /* HR */
			"cite", /* BLOCKQUOTE, Q */ "size", "face", "color",
			/* FONT */ "type", "start", "value", "compact",
			/* For various lists, mostly deprecated but safe */
			"summary", "width", "border", "frame", "rules",
			"cellspacing", "cellpadding", "valign", "char",
			"charoff", "colgroup", "col", "span", "abbr", "axis",
			"headers", "scope", "rowspan", "colspan", /* Tables */
			"id", "class", "name", "style" /* For CSS */
		);

比如元素<a>在维基代码中被禁止使用,因此

<a href="http://meta.wikimedia.org/wiki/Main_Page">Main Page</a>

生成HTML代码

&lt;a href="http://meta.wikimedia.org/wiki/Main_Page"&gt;Main Page&lt;/a&gt;

是文字而不是链接。

解析器扩展标签

[编辑]

The MediaWiki software adds elements that look and act like HTML tags. Parser tags are included in MediaWiki whereas extension tags are added by optional software extensions. Special:版本信息列有所有标签。解析器标签由扩展程序提供;所以欲知标签用法,可在Special:版本信息搜索对应的扩展程序,或者点击下面的链接。

Parser tags
<gallery>, <nowiki>, <pre>
扩展标签:

<categorytree>, <charinsert>, <hiero>, <imagemap>, <inputbox>, <math>, <poem>, <ref>, <references>, <syntaxhighlight> (也可写作<source>), <timeline>

外部链接

[编辑]