跳至內容

說明: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>

外部連結

[編輯]