Help:HTML in wikitext - Revision history

Andrew: /* Span */ fix link

2009-10-20T18:25:53Z

‎Span: fix link

Magda: /* Permitted HTML */

2008-02-25T15:31:06Z

‎Permitted HTML

FrJohn at 19:15, November 26, 2005

2005-11-26T19:15:32Z

FrJohn: Cat

2005-11-23T22:40:22Z

Cat

FrJohn: Another import.

2005-01-28T22:26:23Z

Another import.

New page

==Permitted HTML==
The following [[w:HTML element|HTML element]]s are currently permitted:

{| border="0" cellpadding="5"
| valign="top"|
* <b>
* <big>
* <blockquote>
* <br>
* <caption>
* <center>
* <cite>
* <code>
* <dd>
* <div>
* <dl>
* <dt>
* <em>
* <font>
* <h1>
| valign="top"|
* <h2>
* <h3>
* <h4>
* <h5>
* <h6>
* <hr>
* <i>
* <li>
* <ol>
* <p>
* <pre>
* <rb>
* <rp>
* <rt>
* <ruby>
| valign="top"|
* <s>
* <small>
* <strike>
* <strong>
* <sub>
* <sup>
* <table>
* <td>
* <th>
* <tr>
* <tt>
* <u>
* <ul>
* <var>
* 
|}

The following excerpt from [http://cvs.sourceforge.net/viewcvs.py/wikipedia/phpwiki/newcodebase/OutputPage.php OutputPage.php] additionally shows which attributes are allowed. For many HTML elements, more convenient wikitext code is available, see [[Help:Editing]]. On the other hand, HTML tags allow an id that can be referenced in one's [[user style]] css, and allows the tag to be used as link target.

<pre>
/* 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 */
);
</pre>

E.g., element "a" is not allowed, and the wikitext

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

produces the HTML code

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

which renders as the wikitext, not working as a link.

==Span==

Span is also allowed now. See [[en:Wikipedia:Span tags]].

The replacement <div style="display:inline"> can also be used, but, oddly, apparently only in a list:

<pre>
*a <div style="display:inline; color:red">red </div> word

#a <div style="display:inline; color:red">red </div> word

a <div style="display:inline; color:red">red </div> word
</pre>

gives

*a <div style="display:inline; color:red">red </div> word

#a <div style="display:inline; color:red">red </div> word

a <div style="display:inline; color:red">red </div> word

Outside a list "display:inline" is effectively disabled: the code is retained, but with closure of the paragraph before the styled part and starting a new one after it.

Note that the blank spaces at the end of and just after the styled part are removed; use &nbsp; at the end:

<pre>
*a <div style="display:inline; color:red">red &nbsp;</div>word
</pre>

gives

*a <div style="display:inline; color:red">red </div>word

==Font==

For some attributes, like color, one can also use

<pre>
a <font style="color: red">red</font> word
</pre>

or

<pre>
a <font color=red>red</font> word.
</pre>

giving

a <font style="color: red">red</font> word

a <font color=red>red</font> word

The font element can even be used to replace span, e.g.

<nowiki>a height of 20000 <font title="30.48 cm" class="title">ft</font> above sea level</nowiki>

giving

a height of 20000 <font title="30.48 cm" class="title">ft</font> above sea level

(note the hover box over "ft").

Use a css line like

.title {color: red; }

to see which text has a hover box.

==Div==

E.g. to assign the class "red" to a text one can put

<div class="red">example text</div>

which gives <div class="red">example text</div> which is in red if the css line

.red {color:red}

is applicable.

This is suitable if the color is specifically intended to be red; if it is just for emphasis a more general term for the class would be more appropriate, because css allows the user to choose another method of emphasis (another color, bold, enlarged, etc.).

Note that many readers will not have their own css, specially adapted for such usage, so one cannot refer to "the red text above", etc.

==External links==

* [http://www.w3.org/TR/html401/index/elements.html elements] | [http://www.w3.org/TR/html401/index/attributes.html attributes]

[[Category:OrthodoxWiki]]

@@ Line 107: / Line 107: @@
 ==Span==
-Span is also allowed now. See [[en:Wikipedia:Span tags]].
+Span is also allowed now. See [[Wikipedia:Span tags]].
 The replacement &lt;div style="display:inline"> can also be used, but, oddly, apparently only in a list:

@@ Line 4: / Line 4: @@
 {| border="0" cellpadding="5"
 | valign="top"|
-* &lt;b&gt;
+* [[Wikipedia:HTML_element#Presentational_markup|&lt;b&gt;]]
-* &lt;big&gt;
+* [[Wikipedia:HTML_element#Presentational_markup|&lt;big&gt;]]
-* &lt;blockquote&gt;
+* [[Wikipedia:HTML_element#TAext_containers|&lt;blockquote&gt;]]
-* &lt;br&gt;
+* [[Wikipedia:HTML_element#Others|&lt;br&gt;]]
-* &lt;caption&gt;
+* [[Wikipedia:HTML_element#Tables|&lt;caption&gt;]]
 * &lt;center&gt;
 * &lt;cite&gt;
-* &lt;code&gt;
+* [[Wikipedia:HTML_element#Logical_markup|&lt;code&gt;]]
-* &lt;dd&gt;
+* [[Wikipedia:HTML_element#Lists|&lt;dd&gt;]]
-* &lt;div&gt;
+* [[Wikipedia:HTML_element#Other_containers|&lt;div&gt;]]
-* &lt;dl&gt;
+* [[Wikipedia:HTML_element#Lists|&lt;dl&gt;]]
-* &lt;dt&gt;
+* [[Wikipedia:HTML_element#Lists|&lt;dt&gt;]]
-* &lt;em&gt;
+* [[Wikipedia:HTML_element#Logical_markup|&lt;em&gt;]]
-* &lt;font&gt;
+* [[Wikipedia:HTML_element#Presentational_markup|&lt;font&gt;]]
-* &lt;h1&gt;
+* [[Wikipedia:HTML_element#Headings|&lt;h1&gt;]]
 | valign="top"|
-* &lt;h2&gt;
+* [[Wikipedia:HTML_element#Headings|&lt;h2&gt;]]
-* &lt;h3&gt;
+* [[Wikipedia:HTML_element#Headings|&lt;h3&gt;]]
-* &lt;h4&gt;
+* [[Wikipedia:HTML_element#Headings|&lt;h4&gt;]]
-* &lt;h5&gt;
+* [[Wikipedia:HTML_element#Headings|&lt;h5&gt;]]
-* &lt;h6&gt;
+* [[Wikipedia:HTML_element#Headings|&lt;h6&gt;]]
-* &lt;hr&gt;
+* [[Wikipedia:HTML_element#Other_containers|&lt;hr&gt;]]
-* &lt;i&gt;
+* [[Wikipedia:HTML_element#Presentational_markup|&lt;i&gt;]]
-* &lt;li&gt;
+* [[Wikipedia:HTML_element#Lists|&lt;li&gt;]]
-* &lt;ol&gt;
+* [[Wikipedia:HTML_element#Lists|&lt;ol&gt;]]
-* &lt;p&gt;
+* [[Wikipedia:HTML_element#Text_containers|&lt;p&gt;]]
-* &lt;pre&gt;
+* [[Wikipedia:HTML_element#Text_containers|&lt;pre&gt;]]
 * &lt;rb&gt;
 * &lt;rp&gt;
@@ Line 36: / Line 36: @@
 * &lt;ruby&gt;
 | valign="top"|
-* &lt;s&gt;
+* [[Wikipedia:HTML_element#Presentational_markup|&lt;s&gt;]]
-* &lt;small&gt;
+* [[Wikipedia:HTML_element#Presentational_markup|&lt;small&gt;]]
-* &lt;strike&gt;
+* [[Wikipedia:HTML_element#Presentational_markup|&lt;strike&gt;]]
-* &lt;strong&gt;
+* [[Wikipedia:HTML_element#Logical_markup|&lt;strong&gt;]]
-* &lt;sub&gt;
+* [[Wikipedia:HTML_element#Presentational_markup|&lt;sub&gt;]]
-* &lt;sup&gt;
+* [[Wikipedia:HTML_element#Presentational_markup|&lt;sup&gt;]]
-* &lt;table&gt;
+* [[Wikipedia:HTML_element#Tables|&lt;table&gt;]]
-* &lt;td&gt;
+* [[Wikipedia:HTML_element#Tables|&lt;td&gt;]]
-* &lt;th&gt;
+* [[Wikipedia:HTML_element#Tables|&lt;th&gt;]]
-* &lt;tr&gt;
+* [[Wikipedia:HTML_element#Tables|&lt;tr&gt;]]
-* &lt;tt&gt;
+* [[Wikipedia:HTML_element#Presentational_markup|&lt;tt&gt;]]
-* &lt;u&gt;
+* [[Wikipedia:HTML_element#Presentational_markup|&lt;u&gt;]]
-* &lt;ul&gt;
+* [[Wikipedia:HTML_element#Lists|&lt;ul&gt;]]
-* &lt;var&gt;
+* [[Wikipedia:HTML_element#Logical_markup|&lt;var&gt;]]
-* &lt;!-- ... --&gt;
+* [[Wikipedia:HTML_element#Others|&lt;!-- ... --&gt;]]
 |}

← Older revision		Revision as of 19:15, November 26, 2005
Line 195:		Line 195:
	* [http://www.w3.org/TR/html401/index/elements.html elements] \| [http://www.w3.org/TR/html401/index/attributes.html attributes]		* [http://www.w3.org/TR/html401/index/elements.html elements] \| [http://www.w3.org/TR/html401/index/attributes.html attributes]

−	~~[[Category:OrthodoxWiki]]~~
	[[Category:Help]]		[[Category:Help]]

← Older revision		Revision as of 22:40, November 23, 2005
Line 196:		Line 196:

	[[Category:OrthodoxWiki]]		[[Category:OrthodoxWiki]]
		+	[[Category:Help]]