Help:HTML in wikitext/fr: Difference between revisions

Add links
From Meta, a Wikimedia project coordination wiki
Browse history interactively
← Older edit
Content deleted Content added
VisualWikitext
Replaced content with "{{MovedToMediaWiki}}"
Tag: Replaced
 
(13 intermediate revisions by 8 users not shown)
Line 1: Line 1:
{{MovedToMediaWiki}}
{{H:h|tdm éditeur}}

Il est possible d'insérer des codes HTML dans le code wiki, ce qui peut s'avérer pratique pour les personnnes habituées au HTML. Toutefois, le rendu ne sera pas toujours identique à celui du code wiki ; le code HTML est à utiliser surtout lorsque le code wiki ne suffit plus.

== HTML autorisé ==

Les éléments HTML suivants sont actuellement autorisés par MediaWiki :

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


L'extrait suivant de [http://svn.wikimedia.org/viewvc/mediawiki/tags/REL1_6_6/phase3/includes/Sanitizer.php Sanitizer.php] montre quels attributs sont permis.

Mise à jour : depuis la version 1.4rc1, la fonction removeHTMLtags se trouve dans Parser.php<br>
Mise à jour : depuis la version 1.5, la fonction removeHTMLtags se trouve dans Sanitizer.php.

Pour de nombreux éléments HTML, il existe un code wiki disponible, plus facile à utiliser ; voir [[Aide:Syntaxe wiki]]. D'un autre côté, les éléments HTML autorisent la création d'un attribut "id" utiles pour les [[Aide:Ancres|ancres]].

<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>

Par exemple, l'élément "a" n'est pas autorisé dans le code wiki :

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

donne le code :

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

qui est rendu tel quel sans créer de lien.

== Éléments span / font /div ==

=== span ===

Span est autorisé maintenant. Cette balise sert à :
* Régler le style CSS pour un bout de texte.
* Régler la langue pour une partie du texte.
* Régler la direction du texte.
* Éviter certaines balises comme "s" et "strike".
* Éviter les balises "font".
* Insérer des attributs "class" et "id".

Il est aussi possible d'utiliser &lt;div style="display:inline"> à la place mais, curieusement, seulement dans une liste :

<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>

donne

*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

En dehors d'une liste, "display:inline" est en effet désactivé.

=== font ===

Pour certains attributs comme la couleur, il est aussi possible d'utiliser :

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

ou

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

donnant respectivement

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

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

L'élément font peut aussi remplacer span, par exemple :

<nowiki>une hauteur de 20 000 <font title="30.48 cm" class="title">pieds</font> au dessus du niveau de la mer</nowiki>

donnant

une hauteur de 20 000 <font title="30.48 cm" class="title">pieds</font> au dessus du niveau de la mer

(notez l'info-bulle au-dessus de "pieds").

Utilisez une ligne CSS comme

.title {color: red; }

Pour voir quel texte a une info-bulle.

=== div ===

Pour assigner, par exemple, la classe "red" à un texte, on peut utiliser :

&lt;div class="red">texte d'exemple&lt;/div>

qui donne <div class="red">texte d'exemple</div> qui est en rouge si la ligne CSS

.red {color:red}

est appliquée.

Ceci est utilisable si la couleur est voulue rouge ; s'il s'agit juste de mettre en évidence le texte, un attribut plus général pour la classe serait plus approprié, puisque le CSS permet d'autres méthodes de mise en valeur (couleurs, gras, large...)

Certains lecteurs n'auront pas le code CSS ".red {color:red}", donc il n'est pas possible de faire une référence comme "le texte rouge ci-dessus".

== Voir aussi ==

* [[Aide:Syntaxe wiki]]
* [[Aide:Tableau]]

== Liens externes ==

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



{{h:f|enname=HTML in wikitext}}


[[Category:Fr/Manuel de l'éditeur|HTML dans le code wiki]]

Latest revision as of 20:11, 19 March 2023

Retrieved from "https://meta.wikimedia.org/w/index.php?title=Help:HTML_in_wikitext/fr&oldid=24743397"