帮助:HTML

华佗百科,全民书写的医学百科全书!
跳转至: 导航搜索
25px 华佗百科使用手册帮助目录 · 关于 · 阅读 · 编辑 · 管理 · 开发 · 附录 · 元帮助(简体 · 繁体


允许的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,这样就变化无穷了。

接下来从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;

是文字而不是链接。

HTML元素

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 a emphasized text.</em></p>
  <p>This is a paragraph.</p>
 </div>

生成

This is a sentence. This is a 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: 水平位置;

外部链接