Help:Special characters: Difference between revisions

From Meta, a Wikimedia project coordination wiki
Content deleted Content added
Tag: Reverted
m Reverted changes by Matahariagung (talk) to last version by कन्हाई प्रसाद चौरसिया
Tag: Rollback
Line 1: Line 1:

== Welcome to Wikipedia! ==

Hello, Matahariagung, and '''[[Help:Introduction|welcome]]''' to Wikipedia!

An edit that you recently made to [[:Help:Special characters]] seemed to be a test and has been removed. If you want more practice editing, please use the [[Draft:Sandbox|sandbox]].

Here are a few links to pages you might find helpful:
* [[Help:Introduction|Introduction]] and [[Help:Getting started|Getting started]]
* [[Wikipedia:Contributing to Wikipedia|Contributing to Wikipedia]]
* [[Wikipedia:Five pillars|The five pillars of Wikipedia]]
* [[Help:Editing|How to edit a page]] and [[Wikipedia:Article development|How to develop articles]]
* [[Help:Your first article|How to create your first article]]
* [[Wikipedia:Simplified Manual of Style|Simplified Manual of Style]]
*[[Wikipedia:Task Center|Task Center]]{{snd}}need some ideas of what kind of things need doing? Go [[Wikipedia:Task Center|here]].

You may also want to take the [[Wikipedia:The Wikipedia Adventure|Wikipedia Adventure]], an interactive tour that will help you learn the basics of editing Wikipedia. You can visit the [[WP:Teahouse|Teahouse]] to ask questions or seek help.

Please remember to [[Wikipedia:Signatures|sign]] your messages on [[Help:Talk pages|talk page]]s by typing four [[tilde]]s (<nowiki>~~~~</nowiki>); this will automatically insert your username and the date. If you need help, check out [[Wikipedia:Questions]], ask me on [[user talk:John of Reading|my talk page]], or {{edit|Special:MyTalk|ask for help on your talk page|section=new|preload=Help:Contents/helpmepreload|preloadtitle=Help me!}}, and a volunteer should respond shortly. Again, welcome! <!-- Template:Welcometest --> [[User:John of Reading|John of Reading]] ([[User talk:John of Reading|talk]]) 17:09, 31 May 2022 (UTC)

== May 2022 ==

[[File:Information orange.svg|25px|alt=Information icon]] Please refrain from making test edits in Wikipedia pages, such as those you made to [[:Social group]], even if you intend to fix them later. Your edits have been [[Help:Reverting|reverted]]. If you would like to experiment again, please use your [[User:Matahariagung/sandbox|sandbox]]. Thank you.<!-- Template:uw-test2 --> [[User:John of Reading|John of Reading]] ([[User talk:John of Reading|talk]]) 19:12, 31 May 2022 (UTC)

Reece N. K. Quansah (also known as SonicWhacker55) was a YouTuber, Voice Acting and non-stop teenage kid as well
Quansah was also known for filming Sonic The Hedgehog, Mario, and Looney Tunes because Reece Quansah was born as one of them


{{Please leave this line alone (sandbox heading)
| Reece N. K. Quansah = Reece N. K. Quansah (also known as SonicWhacker55) was a YouTuber, Voice Acting and non-stop teenage kid as well
Quansah was also known for filming Sonic The Hedgehog, Mario, and Looney Tunes because Reece Quansah was born as one of them
}}Hello, this is the sandbox. to start, adding text changes like me, just click on edit page visually and start typing!

-Orangenope
P.S: also, how do you get back to the tutorial please???<!--
* Welcome to the sandbox! *
* Please leave this part alone *
* The page is cleared regularly *
* Feel free to try your editing skills below *
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■-->

[[Romania]] ([[Transylvania]], along with [[Banat]], [[Crișana]], [[Maramureș]], [[Bukovina]] and [[Muntenia]] along side with [[Oltenia]].<ref>{{Cite web |title=Unitatile fizico-geografice din Europa Centrala – Profu' de geogra' |url=http://www.profudegeogra.eu/unitatile-fizico-geografice-din-europa-centrala/ |access-date=2022-05-31 |language=ro-RO}}</ref>


== May 2022 ==

[[File:Information orange.svg|25px|alt=Information icon]] Please refrain from making test edits in Wikipedia pages, such as those you made to [[:Social group]], even if you intend to fix them later. Your edits have been [[Help:Reverting|reverted]]. If you would like to experiment again, please use your [[User:Matahariagung/sandbox|sandbox]]. Thank you.<!-- Template:uw-test2 --> [[User:John of Reading|John of Reading]] ([[User talk:John of Reading|talk]]) 19:12, 31 May 2022 (UTC)

Reece N. K. Quansah (also known as SonicWhacker55) was a YouTuber, Voice Acting and non-stop teenage kid as well
Quansah was also known for filming Sonic The Hedgehog, Mario, and Looney Tunes because Reece Quansah was born as one of them


{{Please leave this line alone (sandbox heading)
| Reece N. K. Quansah = Reece N. K. Quansah (also known as SonicWhacker55) was a YouTuber, Voice Acting and non-stop teenage kid as well
Quansah was also known for filming Sonic The Hedgehog, Mario, and Looney Tunes because Reece Quansah was born as one of them
}}Hello, this is the sandbox. to start, adding text changes like me, just click on edit page visually and start typing!

-Orangenope
P.S: also, how do you get back to the tutorial please???<!--
* Welcome to the sandbox! *
* Please leave this part alone *
* The page is cleared regularly *
* Feel free to try your editing skills below *
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■-->

[[Romania]] ([[Transylvania]], along with [[Banat]], [[Crișana]], [[Maramureș]], [[Bukovina]] and [[Muntenia]] along side with [[Oltenia]].<ref>{{Cite web |title=Unitatile fizico-geografice din Europa Centrala – Profu' de geogra' |url=http://www.profudegeogra.eu/unitatile-fizico-geografice-din-europa-centrala/ |access-date=2022-05-31 |language=ro-RO}}</ref>











{{H:h|editor toc}}

From MediaWiki 1.5, all projects use '''[[w:Unicode|Unicode]] ([[w:UTF-8|UTF-8]])''' [[w:character encoding|character encoding]]. Many characters, including [[w:CJK|CJK]] characters, can be in the wikitext itself. They use a variable number of bytes per character.


== Welcome to Wikipedia! ==

Hello, Matahariagung, and '''[[Help:Introduction|welcome]]''' to Wikipedia!

An edit that you recently made to [[:Help:Special characters]] seemed to be a test and has been removed. If you want more practice editing, please use the [[Draft:Sandbox|sandbox]].

Here are a few links to pages you might find helpful:
* [[Help:Introduction|Introduction]] and [[Help:Getting started|Getting started]]
* [[Wikipedia:Contributing to Wikipedia|Contributing to Wikipedia]]
* [[Wikipedia:Five pillars|The five pillars of Wikipedia]]
* [[Help:Editing|How to edit a page]] and [[Wikipedia:Article development|How to develop articles]]
* [[Help:Your first article|How to create your first article]]
* [[Wikipedia:Simplified Manual of Style|Simplified Manual of Style]]
*[[Wikipedia:Task Center|Task Center]]{{snd}}need some ideas of what kind of things need doing? Go [[Wikipedia:Task Center|here]].

You may also want to take the [[Wikipedia:The Wikipedia Adventure|Wikipedia Adventure]], an interactive tour that will help you learn the basics of editing Wikipedia. You can visit the [[WP:Teahouse|Teahouse]] to ask questions or seek help.

Please remember to [[Wikipedia:Signatures|sign]] your messages on [[Help:Talk pages|talk page]]s by typing four [[tilde]]s (<nowiki>~~~~</nowiki>); this will automatically insert your username and the date. If you need help, check out [[Wikipedia:Questions]], ask me on [[user talk:John of Reading|my talk page]], or {{edit|Special:MyTalk|ask for help on your talk page|section=new|preload=Help:Contents/helpmepreload|preloadtitle=Help me!}}, and a volunteer should respond shortly. Again, welcome! <!-- Template:Welcometest --> [[User:John of Reading|John of Reading]] ([[User talk:John of Reading|talk]]) 17:09, 31 May 2022 (UTC)

== May 2022 ==

[[File:Information orange.svg|25px|alt=Information icon]] Please refrain from making test edits in Wikipedia pages, such as those you made to [[:Social group]], even if you intend to fix them later. Your edits have been [[Help:Reverting|reverted]]. If you would like to experiment again, please use your [[User:Matahariagung/sandbox|sandbox]]. Thank you.<!-- Template:uw-test2 --> [[User:John of Reading|John of Reading]] ([[User talk:John of Reading|talk]]) 19:12, 31 May 2022 (UTC)

Reece N. K. Quansah (also known as SonicWhacker55) was a YouTuber, Voice Acting and non-stop teenage kid as well
Quansah was also known for filming Sonic The Hedgehog, Mario, and Looney Tunes because Reece Quansah was born as one of them


{{Please leave this line alone (sandbox heading)
| Reece N. K. Quansah = Reece N. K. Quansah (also known as SonicWhacker55) was a YouTuber, Voice Acting and non-stop teenage kid as well
Quansah was also known for filming Sonic The Hedgehog, Mario, and Looney Tunes because Reece Quansah was born as one of them
}}Hello, this is the sandbox. to start, adding text changes like me, just click on edit page visually and start typing!

-Orangenope
P.S: also, how do you get back to the tutorial please???<!--
* Welcome to the sandbox! *
* Please leave this part alone *
* The page is cleared regularly *
* Feel free to try your editing skills below *
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■-->

[[Romania]] ([[Transylvania]], along with [[Banat]], [[Crișana]], [[Maramureș]], [[Bukovina]] and [[Muntenia]] along side with [[Oltenia]].<ref>{{Cite web |title=Unitatile fizico-geografice din Europa Centrala – Profu' de geogra' |url=http://www.profudegeogra.eu/unitatile-fizico-geografice-din-europa-centrala/ |access-date=2022-05-31 |language=ro-RO}}</ref>


== May 2022 ==

[[File:Information orange.svg|25px|alt=Information icon]] Please refrain from making test edits in Wikipedia pages, such as those you made to [[:Social group]], even if you intend to fix them later. Your edits have been [[Help:Reverting|reverted]]. If you would like to experiment again, please use your [[User:Matahariagung/sandbox|sandbox]]. Thank you.<!-- Template:uw-test2 --> [[User:John of Reading|John of Reading]] ([[User talk:John of Reading|talk]]) 19:12, 31 May 2022 (UTC)

Reece N. K. Quansah (also known as SonicWhacker55) was a YouTuber, Voice Acting and non-stop teenage kid as well
Quansah was also known for filming Sonic The Hedgehog, Mario, and Looney Tunes because Reece Quansah was born as one of them


{{Please leave this line alone (sandbox heading)
| Reece N. K. Quansah = Reece N. K. Quansah (also known as SonicWhacker55) was a YouTuber, Voice Acting and non-stop teenage kid as well
Quansah was also known for filming Sonic The Hedgehog, Mario, and Looney Tunes because Reece Quansah was born as one of them
}}Hello, this is the sandbox. to start, adding text changes like me, just click on edit page visually and start typing!

-Orangenope
P.S: also, how do you get back to the tutorial please???<!--
* Welcome to the sandbox! *
* Please leave this part alone *
* The page is cleared regularly *
* Feel free to try your editing skills below *
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■-->

[[Romania]] ([[Transylvania]], along with [[Banat]], [[Crișana]], [[Maramureș]], [[Bukovina]] and [[Muntenia]] along side with [[Oltenia]].<ref>{{Cite web |title=Unitatile fizico-geografice din Europa Centrala – Profu' de geogra' |url=http://www.profudegeogra.eu/unitatile-fizico-geografice-din-europa-centrala/ |access-date=2022-05-31 |language=ro-RO}}</ref>











{{H:h|editor toc}}
{{H:h|editor toc}}


Line 211: Line 53:
:*{{xpdop3c|#tag:math|x_k|d=}}
:*{{xpdop3c|#tag:math|x_k|d=}}
:*{{xpdop3c|#tag:math|x^k|d=}}
:*{{xpdop3c|#tag:math|x^k|d=}}



[[File:Name|Type|Border|Location|Alignment|Size|link=Link|alt=Alt|page=Page|lang=Langtag|Caption]]
Plain type means you always type exactly what you see. Bolded italics means a variable.
Only Name is required. Most images should use "[[File:Name|thumb|alt=Alt|Caption]]" and should not specify a size. The other details are optional and can be placed in any order.
Type
"thumb" (or "thumbnail"; either can be followed by "=filename"), "frame" (or "framed"), or "frameless". Displays the image with specific formatting (see below).
Border
"border". Put a small border around the image.
Location
"right", "left", "center" or "none". Determine the horizontal placement of the image on the page. This defaults to "right" for thumbnails and framed images.
Alignment
"baseline", "middle", "sub", "super", "text-top", "text-bottom", "top", or "bottom". Vertically align the image with respect to adjacent text. This defaults to "middle".
Size
"upright" or "upright=factor". Scale a thumbnail from its default size by the given factor (default 0.75), rounding the result to the nearest multiple of 10 pixels. The "upright" option must be used along with the "thumb" or "frameless" parameter. Alternatively, and only where absolutely necessary, users' preferences may be disregarded and the size of the image fixed by specifying a size in pixels: "Widthpx" or "xHeightpx" or "WidthxHeightpx". Scale the image to be no greater than the given width or height, keeping its aspect ratio. Scaling up (i.e. stretching the image to a greater size) is disabled when the image is framed.
Link
Link the image to a different resource, or to nothing.
Alt
Specify the alt text for the image. This is intended for visually impaired readers. See WP:ALT for how this should typically differ from the caption.
Page
Specify a page other than 1 to use for the thumbnail image in multipaged files.
Langtag
Specify the IETF langtag for switch-translated SVG files. Some SVG files are multilingual; this parameter specifies which language to use. The langtag should be all lowercase (e.g., zh-hans rather than zh-Hans). Defaults to current Wikipedia language in article namespace or en in other namespaces. See {{Translate}}.
(Caption text)
Not a keyword, the actual caption text. Must be last option. This is visible if "thumb" attribute is used, but may be displayed on mouseover in other cases.
Detailed syntax
The image syntax begins with "[[", contains components separated by "|", and ends with "]]". The "[[" and the first "|" (or, if there is no "|", the terminating "]]") must be on the same line; other spaces and line breaks are ignored if they are next to "|" characters or just inside the brackets. Spaces or line breaks are not allowed just before the "=" in the following options, and may have undesirable side effects if they appear just after the "=". Do not terminate with the code |]]; this will be taken as an empty caption and override any real caption.
Type
One of these options may be specified to control whether or not the image is scaled and/or given a border. For options that automatically scale the image, it's usually to 220px; logged-in users can modify this (at "Thumbnail size" under Preferences → Appearance → Files). This is important to users with (e.g.) limited vision. If this is too large or small the upright attribute can be used. Specifying a fixed size in pixels overrides all of this, but is unfriendly to users who need a larger image.
thumb (or thumbnail)
Automatically scale the image, and put a box around it. Show a caption if specified. Float the image on the right unless overridden with the location attribute. With an operand, e.g., "thumb=Example.png", the operand names an image that is used as the thumbnail, ignoring any size specification.
frame
Preserve the original image size, and put a box around the image. Show any caption below the image. Float the image on the right unless overridden with the location attribute. Note: Any size options specified will be ignored and flagged as a 'bogus file option' by the Linter.
frameless
Automatically scale the image up or down. Place it inline with the text unless overridden with the location attribute.
Nothing specified
Preserve the original image size, and do not add a border around the image. Do not show a caption. If no alt text is specifically requested, use the requested caption as alt text. This option is almost exclusively used in templates.
Border
border
Generate a one-pixel border around the image. This has an effect only around unframed images (those without |thumb and |frame), as framed images always have borders.
Location
One of these options may be specified to control the position of the image. For examples of how all this works, see Examples of location parameter.
right
Place the image on the right side of the page. The article text that follows the image flows around the image. This is the default when thumb or frame is used.
left
Place the image on the left side of the page. The article text that follows the image flows around the image, but there may be formatting issues with lists and indented text (see § Interaction between left-floating images and lists).
center
Place the image in the center of the page. The article text that follows the image is placed below the image.
none
Place the image on the left side of the page. The article text that follows the image is placed below the image.
Nothing specified, and neither thumb nor frame
The image is placed inline with the text, smiling emoji like this.
Vertical alignment
One of these options may optionally be specified to control the vertical alignment of the image with respect to adjacent text.
These vertical alignment options apply only to plain images, which do not cause breaks and are not floated (that is, they do not work with images that need text to flow around them. To make text flow around an image, place the image preceding the text and use the thumb parameter).
In the following list, each option's explanation is preceded by what File:Flag of Hungary vertical.svg looks like when aligned using the listed option, using the markup
of [[File:Flag of Hungary vertical.svg|option|frameless|upright=0.1|link=|alt=]]
middle:
(This is the default.) Align the vertical middle of the image with the baseline of the text plus half the x-height of the text, so that the image is vertically centered around a lower case "x" in the text.
baseline:
Align the bottom of the image with the baseline of the text.
sub:
Align the bottom of the image to the same level that the bottom of a subscript would be, such as the bottom of the "2" in "X2".
super:
Align the bottom of the image to the same level that the bottom of a superscript would be, such as the bottom of the "2" in "X2".
text-top:
Align the top of the image to the top of the text. This is often a bit higher than the top of a capital letter, because of ascenders in letters like lower-case "h".
text-bottom:
Align the bottom of the image to the bottom of the text. This is somewhat lower than the baseline, because of descenders in letters like lower-case "y".
top:
Align the top of the image to the top of the line containing the text. Normally this is slightly higher than the top of the text, to make space between lines of text.
bottom:
Align the bottom of the image to the bottom of the line containing the text. Normally this is slightly lower than the bottom of the text.
Size
Shortcut
WP:PICSIZE
Any or none of these options may be specified to control the size of the image. In the case of images with captions, if the image is already smaller than the requested size, then the image retains its original size (it is not enlarged). In the case of images without captions, the image will be enlarged or reduced to match the requested size. Sizing is disabled when the type 'frame' is use, with the size options being flagged as a bogus file option at Special:LintErrors.
The default thumbnail width can be set in the preferences, so specifying in PX is not recommended in order to respect the users' preferences, which may be important for accessibility. Exceptions can, of course, be made, but do try to use upright or the default if possible.
Implementation details
(nothing specified)
For thumbnails, use the size specified in preferences for logged in users, and use a size determined by resolution for users who are not logged in. For non-thumbnails, use the native size of the image.
upright or upright=factor
Adjust a thumbnail's size to factor times the default thumbnail size, rounding the result to the nearest multiple of 10. For instance, "upright=1.5" makes the image larger, which is useful for maps or schematics that need to be larger to be readable. The parameter "upright=1" returns the same size as thumbnail width, and "upright=0.75" is functionally identical to "upright" alone. If you set Factor equal to the image's aspect ratio (width divided by height) the result is equivalent to scaling the height to be equal to the normal thumbnail width.
The upright option only works with the thumb or frameless parameter (see Type).
Widthpx
(E.g. 100px) Scale the image to make it the specified number of pixels in width, and scale the height to retain the original aspect ratio.
xHeightpx
(E.g., x150px) Scale the image to make it the specified number of pixels in height, and scale the width to retain the original aspect ratio.
WidthxHeightpx
(E.g. 100x150px) Scale the image to be no wider and no higher than the specified number of pixels. The image will keep its original aspect ratio.
Link
See also: Wikipedia:Images linking to articles
|link=Page
Ordinarily, clicking on an image takes the reader to the image description page. The link option allows the reader to be taken instead to a different page, such as a fuller image from which the thumbnail was cropped, or to a full document of which the thumbnail was a single page (or crop of a single page). Do not enclose the page name in square brackets. If Page is a URL, the reader will be taken outside the project; this is not normally done in article space.
|link= (alone)
Disables the link so that clicking on the image does nothing.
|link= affects only what happens when the image itself is clicked; |thumb images carry a little rectangle-rectangle icon Magnify-clip.svg in the caption area, and clicking that always leads to the image description page. Except for public-domain images, it must always be possible for the reader to reach the image-description page, so |link= should be used only with |thumb images.
|link= cannot be used with |frame.
To disable all linking from, and description of, a purely decorative image – so that it's ignored by screen readers – use "|link=|alt=" with no arguments for either parameter.
Alt text and caption
Zero or more of these options may be specified to control the alt text, link title, and caption for the image. Captions may contain embedded wiki markup, such as links or formatting. See Wikipedia:Captions for discussion of appropriate caption text. See Wikipedia:Alternative text for images for discussion of appropriate alt text. Internet Explorer displays the link title as a tooltip but other browsers may not.
Hint: to force the caption to be written (underneath the picture) and not just appear as "hover text" even when you wish to resize the image, specify "thumb". If you specify "frame" the caption does appear but any resizing (such as "125px") is ignored.
alt=Alt
Use Alt as the alt text for the image.
Caption
(the last option that is not recognised as some other part of the image syntax): How this text is used depends on the image type. When the type has a visible caption ("thumbnail", "thumb", "frame" or "framed") then this text appears as a caption below the image. Otherwise, (if the image type is unspecified or is "frameless"), this text is used for the link title provided the link has not been suppressed with "|link=", and also for the alt text provided an explicit alt=Alt has not been supplied.
The actual alt text for the displayed image will be one of the following, in order of preference:
The explicitly requested Alt, if any;
The explicitly requested Caption, if the image type has no visible caption;
The empty string, if there is an explicitly requested Caption and the image type has a visible caption.
The image file name if there is no explicitly requested Alt or Caption. This is never a satisfactory option.
It is possible to specify the link title text only for images with no visible caption (as described above). However, as not all browsers display this text, and it is ignored by screen readers, there is little point.
Note: alt is supported only for images. Audio and video files should use timed text.
Class
class=
Used to insert any HTML classes for image. This has an effect only for some specific classes listed in Wikipedia:Catalogue of CSS classes, or some classes produced by TemplateStyles.
The special class class=notpageimage will exclude the image from being selected by the Page Images algorithm.(phab:T301588)
Page

Boléro: page 2 from the score
Normally page 1 from a PDF or DjVu file is used to generate the thumbnail. A different page can be used with the parameter |page=: [[File:IMSLP01578-Ravel - Bolero Full Score Durand 1929 .pdf|thumb|page=2|''Boléro'': page 2 from the score]]:
Examples
Note: This section does not display properly on the mobile version of Wikipedia
Using the basic syntax
The most basic example uses the syntax [[File:Westminstpalace.jpg|Alt text]]. This does not scale the image or allow text to wrap around it. This is not normally appropriate in an article.
Alt text
This is rendered inline, and the specified text is used as the image's alt attribute (alternate text for programs which cannot display images, such as screen readers) and as the title attribute (supplementary text, often displayed as a tooltip when the mouse is over the image). See Wikipedia:Captions for discussion of appropriate caption text. See Wikipedia:Alternative text for images for discussion of appropriate alt text.
Above, the image of the Thames was put into its own paragraph. This isn't mandatory; images can sit inline in text, as shown below.
text text text text text text
[[File:Westminstpalace.jpg|150px|alt=A large clock tower and other buildings line a great river.|The Palace of Westminster]]
text text text text text
[[File:tst.png|100px|alt=Tiny globe|This is a globe.]]
text text text text
gives
text text text text text text A large clock tower and other buildings line a great river. text text text text text Tiny globe text text text text
Keeping the original size, with a caption
To display an image as uploaded with a caption use [[File:Westminstpalace.jpg|frame|none|alt=Alt text|Caption text]].
Alt text
Caption text
Aligning thumbnails to fit into text
A large clock tower and other buildings line a great river.
The Palace of Westminster
This is the style most familiar to readers. As shown on in the example image, the image is framed, is an appropriate size, and has text able to wrap around it. A caption is properly integrated.
The important part of this is the thumb parameter: [[File:Westminstpalace.jpg|thumb|upright=0.4|left|alt=A large clock tower and other buildings line a great river.|The Palace of Westminster]] (as shown in the left). For details of these options, see previous sections.
Examples of the location parameter are below:
right
A large clock tower and other buildings line a great river.
The image is right-aligned, and text floats to the left of the image: [[File:Westminstpalace.jpg|thumb|alt=A large clock tower and other buildings line a great river.|right|upright=0.35]] (shown on the right).
left
A large clock tower and other buildings line a great river.
The image is left aligned, and text floats to the right of the image: [[File:Westminstpalace.jpg|thumb|alt=A large clock tower and other buildings line a great river.|left|upright=0.35]] (shown on the left).
center
The image is centered, and...
A large clock tower and other buildings line a great river.
the text following the image starts below it: [[File:Westminstpalace.jpg|thumb|alt=A large clock tower and other buildings line a great river.|center|upright=0.35]] (shown above).
none
The image is put at the left, and...
A large clock tower and other buildings line a great river.
the text following does not float to the right (or to the left, obviously), and starts below it: [[File:Westminstpalace.jpg|thumb|alt=A large clock tower and other buildings line a great river.|none|upright=0.35]] (shown above).
The many-floating-objects problem
Shortcut
WP:MFOP
See also: WP:STACKING
There is a floating issue in HTML/CSS that prevents certain images (or other floating objects) from floating above others. It occurs only if:
there are multiple floating objects on one side of the page
the floating object on the other side of the page comes after the other ones in the source code
The first floating object on the latter side of the page won't float above the last floating object on the former (see examples below). Solutions include alternating between left and right in aligning images or other floating objects (not shown); setting to "none" the alignment of the one that won't float above the others (as demonstrated "live" on the population table here); and using a gallery tag for large numbers of images in a single section. Per MOS:ACCESS#FLOAT, images should be inserted so their markup is in the correct section, even if that can cause them to float into the next section.
Problematic code:
==Section 1==
[[File:Westminstpalace.jpg|thumb|70px|right|Figure 1.1 ('''right''')]]
[[File:Westminstpalace.jpg|thumb|70px|right|Figure 1.2 ('''right''')]]
[[File:Westminstpalace.jpg|thumb|70px|right|Figure 1.3 ('''right''')]]
[[File:Westminstpalace.jpg|thumb|70px|right|Figure 1.4 ('''right''')]]
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
==Section 2==
[[File:Westminstpalace.jpg|thumb|70px|left|Figure 2.1 ('''left''')]]
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
The problem:
Section 1

Figure 1.1 (right)

Figure 1.2 (right)

Figure 1.3 (right)

Figure 1.4 (right)
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Section 2

Figure 2.1 (left)
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Setting alignment of final image to none:
Section 1

Figure 1.1 (right)

Figure 1.2 (right)

Figure 1.3 (right)

Figure 1.4 (right)
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Section 2

Figure 2.1 (none)
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Using gallery tags for large numbers of images:
Section 1

Figure 1.1

Figure 1.2

Figure 1.3

Figure 1.4
For more information on the gallery tag, see Help:Gallery tag.
Section 2

Figure 2.1 (left)
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Using "upright"
A large clock tower and other buildings line a great river.
The "upright" option is about 75% of thumbnail width.
A large clock tower and other buildings line a great river.
The "upright=1.5" option
The upright option works in combination with the thumbnail or thumb option to resize an image to about 75% of the width of a plain thumbnail. This is useful for displaying images in "portrait" orientation, since such tall and narrow images tend to look too large when scaled to the same width as "landscape" oriented images. The upright option scales larger or smaller in step with user screen resolution. The relative size can be determined with a multiplier such as upright=x. If x=1 then the image is standard thumbnail width. E.g., [[File:Westminstpalace.jpg|thumbnail|upright|left|alt=A large clock tower and other buildings line a great river.|The "<code>upright</code>" option is about 75% of thumbnail width.]] (shown on the left) and [[File:Westminstpalace.jpg|thumb|upright=1.5|right|alt=A large clock tower and other buildings line a great river.|The "<code>upright=1.5</code>" option]] (shown on the right).
Using frame
A large clock tower and other buildings line a great river.
The Palace of Westminster
With this option, the embedded image is shown with its actual size enclosed by a frame, regardless of the "thumb" or "size" attribute, and the caption, if any, is visible in the frame. Without the options left, center, and none, the image is normally on the right: [[File:Westminstpalace.jpg|frame|50px|alt=A large clock tower and other buildings line a great river.|The Palace of Westminster]]. (Notice how the image is not resized to 50px because "frame" is being used.)
With none of the options other than sizepx and alternate (caption) text, an embedded image is rendered inline.
Using alignment "none" thumbnails in tables
The option none can be used to have thumbnails without left- or right-alignment. This is probably most useful for tables. This is an example:
London's palaces
Palace of Westminster
A large clock tower and other buildings line a great river.
From the Thames
[[File:Westminstpalace.jpg|thumb|none|100px|alt=A large clock tower and other buildings line a great river.|From the Thames]]
Buckingham Palace
Grand city building below beautiful blue sky and clouds
Queen's home
[[File:Buckingham Palace 2003.jpg|thumb|none|100px|alt=Grand city building below beautiful blue sky and clouds|Queen's home]]
Formatting and links in captions
A large clock tower and other buildings line a great river.
This is the Palace of Westminster in London
You can put links in the caption text, as demonstrated in this image:
[[File:Westminstpalace.jpg|right|thumbnail|alt=A large clock tower and other buildings line a great river.|This is the [[Palace of Westminster]] in London]]
Just make sure the number of opening and closing square brackets are right. One extra or missing would mean the entire image syntax line would not work.
A large clock tower and other buildings line a great river.
This is the
Palace of Westminster
in London
Additional caption formatting options are possible; all normal formatting should just work.
[[File:Westminstpalace.jpg|right|thumbnail|alt=A large clock tower and other buildings line a great river.|<div style="text-align: center">This is <span style="color: green">the </span><br /> [[Palace of Westminster]]<br /> '''in <span style="color: red">London</span>'''</div>]]
Interaction between left-floating images and lists
Shortcut
WP:EISL
List bullets and numbers can sometimes overlap left-floating images, and indented lines may not appear correctly when next to left-floating images. For example:
Markup Renders as
[[File:Westminstpalace.jpg|left|thumb|100px]]
<ol>
<li>list item A1
<ol>
<li>list item B1</li>
<li>list item B2</li>
</ol>continuing list item A1
</li>
<li>list item A2</li>
</ol>
Westminstpalace.jpg
list item A1
list item B1
list item B2
continuing list item A1
list item A2
[[File:Westminstpalace.jpg|left|thumb|100px]]
First line
:Second line
::Third line
:::Fourth line
Westminstpalace.jpg
First line

Second line
Third line
Fourth line
The {{flowlist}} template enables lists to stay clear of these left-floating objects:
[[File:Westminstpalace.jpg|left|thumb|100px]]
{{flowlist}}
<ol>
<li>list item A1
<ol>
<li>list item B1</li>
<li>list item B2</li>
</ol>continuing list item A1
</li>
<li>list item A2</li>
</ol>
{{endflowlist}}

{{flowlist}}
First line
:Second line
::Third line
:::Fourth line
{{endflowlist}}
Renders as:
Westminstpalace.jpg
list item A1
list item B1
list item B2
continuing list item A1
list item A2
Westminstpalace.jpg
First line
Second line
Third line
Fourth line
This method will not work inside of a table, and if your list is longer than the floated element, then the list will not flow around the image like normal, but instead be one block, leaving white space below the floated element.
Overlaying annotations on an image
In some cases, it may be desirable to add clickable annotations to an image. The templates Template:Annotated image and Template:Annotated image 4 exist for this purpose.
These templates allow wikitext (e.g., regular text, wikilinks, allowed HTML code, references, and other templates) to be included on the image itself. They may also be used to crop an image so as to focus on a particular portion of it, or alternatively, expand the white area around an image for better placement of wikitext.
Annotated image template examples

SpineDorsalUpper lateralLower lateralVentro-lateral = Frontal
Example of an annotated diagram (using Template:Annotated image) that has clickable wikilinks and overlaid text

SpineDorsalUpper lateralLower lateralVentro-lateral = Frontal
The image above contains clickable linksExample of an annotated diagram (using Template:Annotated image 4) that has clickable wikilinks and overlaid text

The image and caption as a thumb, sans annotations
There is also the template {{Overlay}}:
Stillwell from Pulpit.jpg12345677
1 Mount Stillwell
2 Kangaroo Ridge
3 Little Stillwell
4 Kangaroo Ridge Triple Chairlift mid station
5 Basin Poma (J-Bar) unload point
6 Ego flats
7 Snow gums
Only item 7 is linked here.
Cancelling floating-around-image mode
After having had an image floating next to text, putting further text below it and again using the full width can be done with the following markup. This blocks an image from appearing next to the material following this markup, possibly due to aesthetic reasons or a change in topics.
<br style="clear:both" />
For legacy align="right" (etc.) floating this isn't good enough; legacy browsers would ignore inline CSS. To cancel floating under all conditions the following markup (valid XHTML 1.0 transitional) works:
<br clear="all" />
The same code can be issued by using template {{clear}} or {{Clr}} or {{-}} in certain namespaces (en, meta).
VR images
Shortcut
MOS:360
To display VR photographs (aka 360-degree panoramas or photospheres), use {{PanoViewer}}.
Linking to the image without displaying it
If you don't want to show or display the image but rather just want to make a link to the description page for an image, use a leading colon before "File:" in an intra-wiki link, like this: [[:File:STS-32 crew.jpg|STS-32 crew]] which yields: STS-32 crew.
Sound files
Often, sound files are presented on Wikipedia pages using {{Listen}} or its related templates. However, it is also possible to present an audio file without using any template. Similar syntax to images can be used to transclude audio or video files into pages.
Code Output
1. [[File:Accordion chords-01.ogg]]
2. [[File:Accordion chords-01.ogg|frameless|upright=1.3]]
Note that none of these examples provide links to Wikipedia:Media help, and example 2 provides no navigable links to the file itself. Consequently, whenever this method is used, the {{Inline audio}} template must be shown on that page, and the presentation of the play buttons must be accompanied by clickable links to the sound file itself. Examples:
Code Output
1. [[File:Accordion chords-01.ogg|frameless|upright=0.4|left]] [[:File:Accordion chords-01.ogg|Accordion chords]] Accordion chords
2. [[:File:Accordion chords-01.ogg|Accordion chords]] [[File:Accordion chords-01.ogg|90px|right]] Accordion chords
3. [[:File:Accordion chords-01.ogg|Accordion chords]] [[File:Accordion chords-01.ogg|90px]] Accordion chords
Note that vertical alignment of the play button does not work, nor is it possible to present the play button inline with text; consequently, the most pleasing arrangement is achieved with examples 1 or 3.
There is also a parameter to preset the player to start at a time other than 0:00.
Code Output
1. [[File:Accordion chords-01.ogg|start=0:05]]
MIDI
Since June 2019, MIDI files can be played just like other sound files. See: Help:Score.
Bagatelles, Op. 33, no. 1
[[File:Beethoven Op. 33 no. 1.mid|thumb|[[Bagatelles, Op. 33 (Beethoven)|''Bagatelles'', Op. 33]], no. 1]]
Video files
To display a video as uploaded with a caption use [[File:First flights in aviation history.ogg|frame|none|Caption text]].
Caption text
Initial still image
thumbtime=Time". Use the frame from the video at the given time as the initial still image. Time is either a number of seconds, or hours, minutes and seconds separated by colons. Without a thumbtime parameter, a frame from the midpoint of the video is used by default. For instance, using the same video file as previously:
Man in suit tie and hat at 21 seconds. Time syntax using seconds only: "21".
Monoplane seen at 23 seconds. Time syntax using minutes and seconds: "0:23".
Landed biplane seen at 33 seconds. Time syntax using hours, minutes and seconds: "0:0:33".
Temporal media fragments
Starts at 5 seconds and ends playback at 7 seconds
This syntax allows you to play a segment of the video stream or set a start time. Hover over the player to see start time listed as 5s, press play and notice it stops playback at 7 seconds.
[[File:Weeding.ogv|thumb|upright=1.3|start=5|end=7|Starts at 5 seconds and ends playback at 7 seconds]]
Note: This is not yet supported by Safari and Internet Explorer.
Displaying small videos larger
To display a video larger than its uploaded size use "|thumb" and "|numberpx". This may be useful if the original video is very small but shows some important but small detail, but note that upscaling may create unexpected scaling artifacts. For example, the code
[[File:cal16x16check_vdnocnoafr1len2.avi.q10.ogv|inline|left]] [[File:cal16x16check_vdnocnoafr1len2.avi.q10.ogv|right|thumb|128px]]
displays the 16 pixels wide video at its original size on the left and eight times wider at the right (the squares should be all black or all white and the edges should be sharp — any blurriness or off-white colour is likely due to the browser or the Wikimedia server rendering):
Thumbtime in a gallery
The thumbtime parameter can also be used inside a gallery (either with <gallery> tags or the {{Gallery}} template):
Man in suit tie and hat at 21 seconds.
Monoplane seen at 23 seconds.
Here is the wikicode that created it:
<gallery>
File:First flights in aviation history.ogg|thumbtime=21|Man in suit tie and hat at 21 seconds.
File:First flights in aviation history.ogg|thumbtime=0:23|Monoplane seen at 23 seconds.
</gallery>
See also
Wikipedia:Images – For an overview of images in Wikipedia
Wikipedia:Picture tutorial
Wikimedia Commons (Commons Main Page), a free multimedia repository, that you can use directly in Wikipedia and the other Wikimedia projects. You can upload new images or use the stored ones.
Commons:Commons:Video – Outline of videos on Commons; using, playing, policy, finding, converting and uploading
Wikipedia:Creation and usage of media files – A how-to guide, old but still useful
Wikipedia:Image use policy
Wikipedia:Image markup with HTML – How to add images to articles, old school. Obsolete but interesting.
Wikipedia:Finding images tutorial
meta:Help:Images and other uploaded files
mw:Extension:PagedTiffHandler – lossy parameter for tiff files
vte
Wikipedia technical help
Categories: Wikipedia editing guidelines
Navigation menu
Matahariagung
Alerts (0)
Notice (1)
Talk
Sandbox
Preferences
Beta
Watchlist
Contributions
Log out
Project pageTalk
ReadView sourceView historyWatch
Search
Main page
Contents
Current events
Random article
About Wikipedia
Contact us
Donate
Contribute
Help
Learn to edit
Community portal
Recent changes
Upload file
Tools
What links here
Related changes
Special pages
Permanent link
Page information
Wikidata item
Print/export
Download as PDF
Printable version
Languages
বাংলা
Català
فارسی
Galego
मराठी
Српски / srpski
తెలుగు
Українська
Edit links
This page was last edited on 30 April 2022, at 01:23.
Text is available under the Creative Commons Attribution-ShareAlike License 3.0; additional terms may apply. By using this site, you agree to the Terms of Use and Privacy Policy. Wikipedia® is a registered trademark of the Wikimedia Foundation, Inc., a non-profit organization.

==Editing==

Ways to enter a non-ASCII character into the wikitext:

* Use a link to a special character listed under the edit box to insert that character. Wikis need [[mw:Extension:CharInsert|Extension:CharInsert]] for this. Which characters are displayed depends on the wiki, and on user preference settings; sometimes lists are collapsible, or there is a menu to select a list.
* Copy the character from some list on a webpage, like that above, or from a locally stored page. The character should not be an image or part of an image, hence for example not an image produced by the [[Help:Displaying a formula|TeX feature]] of the wiki. Thus one can copy for example from the characters in the first column of [[w:Table of mathematical symbols]].
* Use a special keyboard function (or enter the character directly from a foreign keyboard).
* Use a special browser function.
* Use an [[Help:HTML in wikitext|HTML]] named character entity reference like <code>&amp;agrave;</code> or HTML numeric character reference like <code>&amp;#161;</code>, and copy the character from [[Help:preview|preview]]. In the past the code itself had to be stored in the wikitext. Such codes may still be present on some pages. Results of the internal search function may be affected by this. On the other hand, this search function cannot find some characters, including "→", while if it is coded as "&amp;rarr;", it can be found by searching for "rarr". See also [[Help:Searching]].

===Esperanto===
<table class="wikitable" style="float: right; margin-left: .5em;">
<tr><td>in edit box<td>in database and output</tr>
<tr><td>S<td>S</tr>
<tr><td>Sx<td>Ŝ</tr>
<tr><td>Sxx<td>Sx</tr>
<tr><td>Sxxx<td>Ŝx</tr>
<tr><td>Sxxxx<td>Sxx</tr>
<tr><td>Sxxxxx<td>Ŝxx</tr>
</table>

MediaWiki installations configured for Esperanto use UTF-8 for storage and display. However when editing the text is converted to a form that is designed to be easier to edit with a standard keyboard.

The characters for which this applies are: Ĉ, Ĝ, Ĥ, Ĵ, Ŝ, Ŭ, ĉ, ĝ, ĥ, ĵ, ŝ, and ŭ. You may enter these directly in the edit box if you have the facilities to do so. However when you edit the page again you will see them encoded as Sx. This form is referred to as "x-sistemo" or "x-kodo". In order to preserve round trip capability when one or more x's follow these characters or their non-accented forms (C, G, H, J, S, U, c, g, h, j, s, u), the number of x's in the edit box is double the number in the actual stored article text.

For example, the interlanguage link <nowiki>[[en:Luxury car]]</nowiki> to [[en:Luxury car]] has to be entered in the edit box as <nowiki>[[en:Luxxury car]]</nowiki> on [[eo:]]. This has caused problems with interwiki update bots in the past.

===Browser issues===
Some browsers are known to do nasty things to text in the edit box. Most commonly they convert it to an encoding native to the platform (whilst the NT line of Windows is internally [[w:UTF-16/UCS-2|UCS-2LE]] (2 Byte subset of UTF-16) it has a complete duplicate set of APIs in the Windows ANSI code page and many older apps tend to use these, especially for things like edit boxes). Then they let the user edit it using a standard edit control and convert it back. The result is that any characters that do not exist in the encoding used for editing get replaced with something that does (often a question mark though at least one browser has been reported to actually transliterate text!).

====IE for the Mac====
This relatively common browser translates to [[w:mac-roman|mac-roman]] for the edit box with the result it munges most Unicode stuff (usually but not always by replacing them with a question mark). It also munges things that are in ISO-8859-1 but not mac-roman (specifically ¤ ¦ ¹ ² ³ ¼ ½ ¾ Ð × Ý Þ ð ý þ and the soft hyphen) so the problems it causes are not limited to Unicode wikis (though they tend to be much worse on Unicode wikis because they affect actual text and interwiki links rather than just fairly obscure symbols).

====Netscape 4.x====
Similar issues to IE Mac though the character set converted to and from will obviously not always be mac-roman.

====Console browsers====
Lynx, Links (in text mode) and W3M convert to the console character set (Lynx and Links actually using a transliteration engine) for editing and convert back on save. If the console character set is UTF-8 then these browsers are Unicode safe but if it isn't they aren't. With Lynx and Links a possible detection method would be to add another edit box to the login form but this won't work for W3M as it doesn't convert the text to the console character set until the user actually attempts to edit it.

====The workaround====
<table class="wikitable" style="float: right; margin-left: .5em;">
<tr>
<td>In database and edit<br>box for normal browsers</td>
<td>In editbox for<br />[[mw:Manual:$wgBrowserBlackList|trouble browsers]]</td>
</tr>
<tr>
<td>œ<td>&amp;#x153;</td>
</tr>
<tr>
<td>&amp;#x153;<td>&amp;#x0153;</td>
</tr>
<tr>
<td>&amp;#x0153;<td>&amp;#x00153;</td>
</tr>
</table>
After English Wikipedia switched to UTF-8 and interwiki bots started replacing html entities in interwikis with literal unicode text, edits that broke unicode characters became so common they could no longer be ignored. A workaround was developed to allow the problematic browsers to edit safely provided that MediaWiki knew they have problems.

Browsers listed in the setting [[mw:Manual:$wgBrowserBlackList|$wgBrowserBlackList]] (a list of regexps that match against user agent strings) are supplied text for editing in a special form. Existing hexadecimal html entities in the page have an extra leading zero added, non-ascii characters that are stored in the wikitext are represented as hexadecimal html entities with no leading zeros.

Currently the default settings only have IE mac and a specific version of netscape 4.x for linux in the blacklist. Nevertheless it seems to have stopped most of the problem.

==Viewing==
Most current browsers have some level of Unicode support but some do it better than others. The most commonly encountered problem is that Internet Explorer relies on preconfigured font links in the registry rather than actually searching for a font that can display the character in question. This means that Internet Explorer often has to be forced to use particular fonts. On English Wikipedia there are a set of templates to do this. For example {{tlw|unicode}} for general Unicode text, {{tlw|polytonic}} for [[w:polytonic Greek|polytonic Greek]] and {{tlw|IPA}} for the [[w:International Phonetic Alphabet|International Phonetic Alphabet]]. The stuff in [[w:Windows Glyph List 4|Windows Glyph List 4]] should be safe to use without such special measures.

<nowiki><font face="Arial Unicode MS">...</font></nowiki> may work, but only for people with that font.

==Displaying special characters==

To display Unicode or special characters on web page(s), one or more of the [[w:List of typefaces#Unicode_fonts|Unicode fonts]] need to be present or installed in your computer, first. For proper working functionality, ''setup'' or ''configuration'' or ''settings'' from the web page viewing browser software also needs to be modified.

The default font for Latin scripts in [[w:Internet Explorer|Internet Explorer]](IE) web browser for Windows is [[w:Times New Roman|Times New Roman]]. It doesn't include many [[w:Mapping of Unicode characters|Unicode blocks]]. To properly view special characters in IE, you must set your browser font settings to a font that includes many Unicode blocks of characters, such as [[w:Lucida Sans Unicode|Lucida Sans Unicode]] font, which comes with Windows XP, [[w:DejaVu Sans|DejaVu Sans]], [[w:TITUS Cyberbit Basic|TITUS Cyberbit]], [[w:GNU Unifont|GNU Unifont]] which are freely available, or [[w:Arial Unicode MS|Arial Unicode MS]], which comes with Microsoft Office. &nbsp;See subsection below for specific instructions.

Alternatively, the style sheet page related to the web page(s), could also try using Unicode-range specifications to note the gaps where ''Times New Roman'' does not have glyphs from Unicode blocks, such as, Hawaiian [[w:Okina|‘okina]] (glottal stop), etc. and thus force the browser to check further down the list of next fonts to try to display those special characters.

Special symbols should display properly without further configuration with [[w:Mozilla Firefox|Mozilla Firefox]], [[w:Konqueror|Konqueror]], [[w:Opera (Internet suite)|Opera]], [[w:Safari (web browser)|Safari]] and most other recent browsers. An optional step can be taken for better (and correct) display of characters with [[w:Ligature (typography)|ligature]] forms, [[w:Combining character|combined characters]], after the previously mentioned steps were followed, is to install a [[w:Unicode#Multilingual_text-rendering_engines|rendering engine]] software.

To use one of the available Unicode fonts for displaying special characters inside a [[w:HTML Table|table]] or chart or box, specify the '''class="Unicode"''' in the table's '''TR''' row tag (or, in each TD tag, but using it in each TR is easier than using it in each TD), in [[Help:Table|wiki table]] code, use that after the (TR equivalent) "'''&#124;-'''" (like, '''&#124;-&nbsp;class="Unicode"''').

For displaying individual special character, template code '''&#123;&#123;Unicode|'''''char'''''&#125;&#125;''' for each character can be used. HTML decimal or [[w:hexadecimal|hexadecimal]] numeric entity codes can be used in the place of the ''char''. If a paragraph with lots of special Unicode characters need to be displayed, then, '''&lt;p&nbsp;class="Unicode">''' ... '''&lt;/p>''', or, '''&lt;span&nbsp;class="Unicode">''' ... '''&#60;/span>''' code can also be used.

The class="Unicode" is to be used in web page(s), HTML or wiki tags, where various characters from wide range of various Unicode blocks need to be displayed. If the special characters that need to be displayed on web page(s), are mostly covering fewer Unicode blocks, related to [[w:Unicode Latin|latin scripts]], then '''class="latinx"''' can be used. For special characters or symbols related to [[w:International Phonetic Alphabet|International Phonetic Alphabet]], '''class="IPA"''' can be used. For [[w:Polytonic orthography|polytonic (Greek)]] characters or related symbols, '''class="polytonic"''' can be used.

==== Changing Internet Explorer's (IE) default font ====

From the IE menu bar, follow this path''':''' &nbsp;{{nowrap|Tools -> Internet Options -> Fonts -> Webpage Font:}}<br>
to a scrolling list of fonts. As indicated above, the default selection for Windows is [[w:Times New Roman|Times New Roman]]. For viewing of many special characters, select a different font, such as [[w:Lucida Sans Unicode|Lucida Sans Unicode]], and then select '''OK'''.

==Linking text with special characters==
Many users have settings giving underlined links. When linking a special character, in some cases the result may be mistaken for another character with a different meaning:

Linking + − < > ⊂ ⊃ gives [[+]] [[−]] [[Inequality|<]] [[Inequality|>]] [[⊂]] [[⊃]] which may look like ± = ≤ ≥ ⊆ ⊇. In such cases one can better use a separate link:
* A ⊂ B (see [[w:Subset|subset]])

There is less risk of confusion if more than one character is linked, e.g. [[x|''x'' > 3]].

== Alt keycodes ==
&#160;&#160;''See also : [[w:Alt codes|Alt codes]], [[w:Windows Alt keycodes|Windows Alt keycodes]]''

Many special characters which have decimal equivalent codepoint numbers that are below 256, can be typed in by using the keyboard's '''Alt + Decimal''' equivalent code numbers keys.

For example, the character '''é''' (Small e with acute accent, html entity code "&amp;eacute;") can be obtained by pressing Alt + 130.

Which means, first press the "Alt" key and keep on pressing it (or keep on holding it), with your left hand, then press the digit keys 1, 3, 0, in sequence, one by one, in the right-side Numeric Keypad part of the keyboard, then release the Alt key.

But special characters, for example, &lambda; (small lambda) cannot be obtained from its decimal code 955 or 0955, by using it with the Alt key, if used inside Notepad or Internet Explorer ([[w:Internet Explorer|IE]]). You'll get wrong character "╗" or "»".

The "Wordpad" (Windows Operating system) editor accepts the decimal (numeric entity codepoints) values above 256, so it can be used to obtain the Special/Unicode characters, then copy-paste where you need.

To obtain such special characters correctly, which have decimal codepoint values above the 256, another option is to use or type its hex equivalent codepoint first, then press '''Alt+X''' keys. To do this, open or start ''Wordpad'', ''Word'', etc editing application software, (this Alt+X process will not work in Internet Explorer, Notepad, etc). Type in '''3BB''', which is a hexadecimal equivalent numeric codepoint of the character '''&lambda;''', then press Alt+X. Hexcode ''3BB'' will convert/turn into the ''&lambda;'' character. If you press the Alt+X key combination again, then &lambda; character will convert back to its hex equivalent codepoint, ''3BB''. Now character(s) can be copy pasted, where you want to use, or, (in [[w:Internet Explorer|IE]]) use its html hexadecimal equivalent code &amp;#x3BB; or its html decimal equivalent code &amp;lambda;.

==Characters and formulas which are not directly entered as wikitext==
*{{xpdplain|x<|sub>k<|/sub>|d=}}
*{{xpdplain|x<|sup>k<|/sup>|d=}}

Alternative wikitext for characters that can directly be entered as wikitext:
*<code>&amp;rarr;</code> gives &rarr;, etc.

===Characters and formulas displayed as image===
Displaying additional characters and also formulas:

For example: {{xpdop3c|#tag:math|\sqrt x|d=}}

A [[Help:Preferences#Math|user preference setting]] controls to what extent HTML code is used, if possible, and to what extent images. See [[Help:Displaying a formula]].

----

Egyptian hieroglyphs:

For example: {{xpdop3c|#tag:hiero|a-p:t-q|d=}}

See [[mw:Extension:WikiHiero/Syntax]].

==See also==
*[[Help:Advanced editing#Special characters]]
*[[Help:Displaying a formula]]
*[[Help:URL]]
*[[Help:Romanian characters]]
*[[Help:Turkish characters]]
*[[w:Help:Special characters]]
*[[w:Mapping of Unicode characters|Mapping of Unicode characters]]
*[[w:Talk:Runic alphabet|Runic alphabet]]
*[[w:Alphabets derived from the Latin|Alphabets derived from the Latin]]
*[[w:Unicode#Input_methods|Unicode input methods]]
*[[w:Windows Alt keycodes|Windows Alt keycodes]] chart and Alt+X keycodes chart.
*[[w:Help:Wiki markup#Special characters]]
*[[w:User_talk:GregU/hotkeys.js|hotkeys.js]] – tool for easily entering special characters via definable Ctrl-key mappings

==External links==

*http://www.unicode.org/charts/ Unicode character charts; hexadecimal numbers only; PDF files showing all characters independent of browser capabilities
*http://www.unicode.org/help/display_problems.html Help for enabling Unicode support on most platforms
* [http://unicode.coeurlumiere.com/ Table of Unicode characters from 1 to 65535] - shows how the decimal character references look in one's browser
*[http://www.alanwood.net/demos/ent4_frame.html HTML 4.0 Character Entity References] - shows how the named and decimal character references look in one's browser
*[http://www.fileformat.info/info/unicode/block/index.htm FileFormat.Info] - details of many Unicode characters, including the named, decimal and hexadecimal character reference, showing how it should look and for each, how it looks in one's browser
*[http://www.alanwood.net/unicode/index.html Alan Wood's Unicode Resources] - comprehensive resource with character test pages for all Unicode ranges, as well as OS-specific Unicode support information and links to fonts and utilities.
*[http://www.tacowidgets.com/widgets/characterpal/ CharacterPal] - Free Mac OS X Dashboard Widget that displays key combinations for special characters.
* A [http://rishida.net/tools/conversion/ convertor] that helps you find the right escape sequence to use - helps when you need to escape ASCII/Unicode characters that are special characters in wiki markup

{{H:f|langs=|enname=Special characters}}

[[Category:Editor handbook]]



==Important special characters==
Umlauts and accents:
À Á Â Ã Ä Å
Æ Ç È É Ê Ë
Ì Í Î Ï Ñ Ò
Ó Ô Œ Õ Ö Ø Ù
Ú Û Ü ß à á
â ã ä å æ ç
è é ê ë ì í
î ï ñ ò ó ô
œ õ ö ø ù ú
û ü ÿ

Punctuation:
¿ ¡ « » § ¶
† ‡ • - – —

Commercial symbols:
™ © ® ¢ € ¥ £ ¤

Greek characters:
α β γ δ ε ζ
η θ ι κ λ μ ν
ξ ο π ρ σ ς
τ υ φ χ ψ ω
Γ Δ Θ Λ Ξ Π
Σ Φ Ψ Ω

Math characters:
∫ ∑ ∏ √ − ± ∞
≈ ∝ ≡ ≠ ≤ ≥
× · ÷ ∂ ′ ″
∇ ‰ ° ∴ ø
∈ ∩ ∪ ⊂ ⊃ ⊆ ⊇
¬ ∧ ∨ ∃ ∀ ⇒ ⇔
→ ↔ ↑ ℵ ∉ °

:For more, see [[w:Table of mathematical symbols]].

Subscripts and superscripts as special characters (here shown with x):
x₀ x₁ x₂ x₃ x₄
x₅ x₆ x₇ x₈ x₉
x⁰ x¹ x² x³ x⁴
x⁵ x⁶ x⁷ x⁸ x⁹

:Compare, as alternative and for other sub- and superscripts:
:*{{xpdplain|x<|sub>k<|/sub>|d=}}
:*{{xpdplain|x<|sup>k<|/sup>|d=}}
:*{{xpdop3c|#tag:math|x_k|d=}}
:*{{xpdop3c|#tag:math|x^k|d=}}



[[File:Name|Type|Border|Location|Alignment|Size|link=Link|alt=Alt|page=Page|lang=Langtag|Caption]]
Plain type means you always type exactly what you see. Bolded italics means a variable.
Only Name is required. Most images should use "[[File:Name|thumb|alt=Alt|Caption]]" and should not specify a size. The other details are optional and can be placed in any order.
Type
"thumb" (or "thumbnail"; either can be followed by "=filename"), "frame" (or "framed"), or "frameless". Displays the image with specific formatting (see below).
Border
"border". Put a small border around the image.
Location
"right", "left", "center" or "none". Determine the horizontal placement of the image on the page. This defaults to "right" for thumbnails and framed images.
Alignment
"baseline", "middle", "sub", "super", "text-top", "text-bottom", "top", or "bottom". Vertically align the image with respect to adjacent text. This defaults to "middle".
Size
"upright" or "upright=factor". Scale a thumbnail from its default size by the given factor (default 0.75), rounding the result to the nearest multiple of 10 pixels. The "upright" option must be used along with the "thumb" or "frameless" parameter. Alternatively, and only where absolutely necessary, users' preferences may be disregarded and the size of the image fixed by specifying a size in pixels: "Widthpx" or "xHeightpx" or "WidthxHeightpx". Scale the image to be no greater than the given width or height, keeping its aspect ratio. Scaling up (i.e. stretching the image to a greater size) is disabled when the image is framed.
Link
Link the image to a different resource, or to nothing.
Alt
Specify the alt text for the image. This is intended for visually impaired readers. See WP:ALT for how this should typically differ from the caption.
Page
Specify a page other than 1 to use for the thumbnail image in multipaged files.
Langtag
Specify the IETF langtag for switch-translated SVG files. Some SVG files are multilingual; this parameter specifies which language to use. The langtag should be all lowercase (e.g., zh-hans rather than zh-Hans). Defaults to current Wikipedia language in article namespace or en in other namespaces. See {{Translate}}.
(Caption text)
Not a keyword, the actual caption text. Must be last option. This is visible if "thumb" attribute is used, but may be displayed on mouseover in other cases.
Detailed syntax
The image syntax begins with "[[", contains components separated by "|", and ends with "]]". The "[[" and the first "|" (or, if there is no "|", the terminating "]]") must be on the same line; other spaces and line breaks are ignored if they are next to "|" characters or just inside the brackets. Spaces or line breaks are not allowed just before the "=" in the following options, and may have undesirable side effects if they appear just after the "=". Do not terminate with the code |]]; this will be taken as an empty caption and override any real caption.
Type
One of these options may be specified to control whether or not the image is scaled and/or given a border. For options that automatically scale the image, it's usually to 220px; logged-in users can modify this (at "Thumbnail size" under Preferences → Appearance → Files). This is important to users with (e.g.) limited vision. If this is too large or small the upright attribute can be used. Specifying a fixed size in pixels overrides all of this, but is unfriendly to users who need a larger image.
thumb (or thumbnail)
Automatically scale the image, and put a box around it. Show a caption if specified. Float the image on the right unless overridden with the location attribute. With an operand, e.g., "thumb=Example.png", the operand names an image that is used as the thumbnail, ignoring any size specification.
frame
Preserve the original image size, and put a box around the image. Show any caption below the image. Float the image on the right unless overridden with the location attribute. Note: Any size options specified will be ignored and flagged as a 'bogus file option' by the Linter.
frameless
Automatically scale the image up or down. Place it inline with the text unless overridden with the location attribute.
Nothing specified
Preserve the original image size, and do not add a border around the image. Do not show a caption. If no alt text is specifically requested, use the requested caption as alt text. This option is almost exclusively used in templates.
Border
border
Generate a one-pixel border around the image. This has an effect only around unframed images (those without |thumb and |frame), as framed images always have borders.
Location
One of these options may be specified to control the position of the image. For examples of how all this works, see Examples of location parameter.
right
Place the image on the right side of the page. The article text that follows the image flows around the image. This is the default when thumb or frame is used.
left
Place the image on the left side of the page. The article text that follows the image flows around the image, but there may be formatting issues with lists and indented text (see § Interaction between left-floating images and lists).
center
Place the image in the center of the page. The article text that follows the image is placed below the image.
none
Place the image on the left side of the page. The article text that follows the image is placed below the image.
Nothing specified, and neither thumb nor frame
The image is placed inline with the text, smiling emoji like this.
Vertical alignment
One of these options may optionally be specified to control the vertical alignment of the image with respect to adjacent text.
These vertical alignment options apply only to plain images, which do not cause breaks and are not floated (that is, they do not work with images that need text to flow around them. To make text flow around an image, place the image preceding the text and use the thumb parameter).
In the following list, each option's explanation is preceded by what File:Flag of Hungary vertical.svg looks like when aligned using the listed option, using the markup
of [[File:Flag of Hungary vertical.svg|option|frameless|upright=0.1|link=|alt=]]
middle:
(This is the default.) Align the vertical middle of the image with the baseline of the text plus half the x-height of the text, so that the image is vertically centered around a lower case "x" in the text.
baseline:
Align the bottom of the image with the baseline of the text.
sub:
Align the bottom of the image to the same level that the bottom of a subscript would be, such as the bottom of the "2" in "X2".
super:
Align the bottom of the image to the same level that the bottom of a superscript would be, such as the bottom of the "2" in "X2".
text-top:
Align the top of the image to the top of the text. This is often a bit higher than the top of a capital letter, because of ascenders in letters like lower-case "h".
text-bottom:
Align the bottom of the image to the bottom of the text. This is somewhat lower than the baseline, because of descenders in letters like lower-case "y".
top:
Align the top of the image to the top of the line containing the text. Normally this is slightly higher than the top of the text, to make space between lines of text.
bottom:
Align the bottom of the image to the bottom of the line containing the text. Normally this is slightly lower than the bottom of the text.
Size
Shortcut
WP:PICSIZE
Any or none of these options may be specified to control the size of the image. In the case of images with captions, if the image is already smaller than the requested size, then the image retains its original size (it is not enlarged). In the case of images without captions, the image will be enlarged or reduced to match the requested size. Sizing is disabled when the type 'frame' is use, with the size options being flagged as a bogus file option at Special:LintErrors.
The default thumbnail width can be set in the preferences, so specifying in PX is not recommended in order to respect the users' preferences, which may be important for accessibility. Exceptions can, of course, be made, but do try to use upright or the default if possible.
Implementation details
(nothing specified)
For thumbnails, use the size specified in preferences for logged in users, and use a size determined by resolution for users who are not logged in. For non-thumbnails, use the native size of the image.
upright or upright=factor
Adjust a thumbnail's size to factor times the default thumbnail size, rounding the result to the nearest multiple of 10. For instance, "upright=1.5" makes the image larger, which is useful for maps or schematics that need to be larger to be readable. The parameter "upright=1" returns the same size as thumbnail width, and "upright=0.75" is functionally identical to "upright" alone. If you set Factor equal to the image's aspect ratio (width divided by height) the result is equivalent to scaling the height to be equal to the normal thumbnail width.
The upright option only works with the thumb or frameless parameter (see Type).
Widthpx
(E.g. 100px) Scale the image to make it the specified number of pixels in width, and scale the height to retain the original aspect ratio.
xHeightpx
(E.g., x150px) Scale the image to make it the specified number of pixels in height, and scale the width to retain the original aspect ratio.
WidthxHeightpx
(E.g. 100x150px) Scale the image to be no wider and no higher than the specified number of pixels. The image will keep its original aspect ratio.
Link
See also: Wikipedia:Images linking to articles
|link=Page
Ordinarily, clicking on an image takes the reader to the image description page. The link option allows the reader to be taken instead to a different page, such as a fuller image from which the thumbnail was cropped, or to a full document of which the thumbnail was a single page (or crop of a single page). Do not enclose the page name in square brackets. If Page is a URL, the reader will be taken outside the project; this is not normally done in article space.
|link= (alone)
Disables the link so that clicking on the image does nothing.
|link= affects only what happens when the image itself is clicked; |thumb images carry a little rectangle-rectangle icon Magnify-clip.svg in the caption area, and clicking that always leads to the image description page. Except for public-domain images, it must always be possible for the reader to reach the image-description page, so |link= should be used only with |thumb images.
|link= cannot be used with |frame.
To disable all linking from, and description of, a purely decorative image – so that it's ignored by screen readers – use "|link=|alt=" with no arguments for either parameter.
Alt text and caption
Zero or more of these options may be specified to control the alt text, link title, and caption for the image. Captions may contain embedded wiki markup, such as links or formatting. See Wikipedia:Captions for discussion of appropriate caption text. See Wikipedia:Alternative text for images for discussion of appropriate alt text. Internet Explorer displays the link title as a tooltip but other browsers may not.
Hint: to force the caption to be written (underneath the picture) and not just appear as "hover text" even when you wish to resize the image, specify "thumb". If you specify "frame" the caption does appear but any resizing (such as "125px") is ignored.
alt=Alt
Use Alt as the alt text for the image.
Caption
(the last option that is not recognised as some other part of the image syntax): How this text is used depends on the image type. When the type has a visible caption ("thumbnail", "thumb", "frame" or "framed") then this text appears as a caption below the image. Otherwise, (if the image type is unspecified or is "frameless"), this text is used for the link title provided the link has not been suppressed with "|link=", and also for the alt text provided an explicit alt=Alt has not been supplied.
The actual alt text for the displayed image will be one of the following, in order of preference:
The explicitly requested Alt, if any;
The explicitly requested Caption, if the image type has no visible caption;
The empty string, if there is an explicitly requested Caption and the image type has a visible caption.
The image file name if there is no explicitly requested Alt or Caption. This is never a satisfactory option.
It is possible to specify the link title text only for images with no visible caption (as described above). However, as not all browsers display this text, and it is ignored by screen readers, there is little point.
Note: alt is supported only for images. Audio and video files should use timed text.
Class
class=
Used to insert any HTML classes for image. This has an effect only for some specific classes listed in Wikipedia:Catalogue of CSS classes, or some classes produced by TemplateStyles.
The special class class=notpageimage will exclude the image from being selected by the Page Images algorithm.(phab:T301588)
Page

Boléro: page 2 from the score
Normally page 1 from a PDF or DjVu file is used to generate the thumbnail. A different page can be used with the parameter |page=: [[File:IMSLP01578-Ravel - Bolero Full Score Durand 1929 .pdf|thumb|page=2|''Boléro'': page 2 from the score]]:
Examples
Note: This section does not display properly on the mobile version of Wikipedia
Using the basic syntax
The most basic example uses the syntax [[File:Westminstpalace.jpg|Alt text]]. This does not scale the image or allow text to wrap around it. This is not normally appropriate in an article.
Alt text
This is rendered inline, and the specified text is used as the image's alt attribute (alternate text for programs which cannot display images, such as screen readers) and as the title attribute (supplementary text, often displayed as a tooltip when the mouse is over the image). See Wikipedia:Captions for discussion of appropriate caption text. See Wikipedia:Alternative text for images for discussion of appropriate alt text.
Above, the image of the Thames was put into its own paragraph. This isn't mandatory; images can sit inline in text, as shown below.
text text text text text text
[[File:Westminstpalace.jpg|150px|alt=A large clock tower and other buildings line a great river.|The Palace of Westminster]]
text text text text text
[[File:tst.png|100px|alt=Tiny globe|This is a globe.]]
text text text text
gives
text text text text text text A large clock tower and other buildings line a great river. text text text text text Tiny globe text text text text
Keeping the original size, with a caption
To display an image as uploaded with a caption use [[File:Westminstpalace.jpg|frame|none|alt=Alt text|Caption text]].
Alt text
Caption text
Aligning thumbnails to fit into text
A large clock tower and other buildings line a great river.
The Palace of Westminster
This is the style most familiar to readers. As shown on in the example image, the image is framed, is an appropriate size, and has text able to wrap around it. A caption is properly integrated.
The important part of this is the thumb parameter: [[File:Westminstpalace.jpg|thumb|upright=0.4|left|alt=A large clock tower and other buildings line a great river.|The Palace of Westminster]] (as shown in the left). For details of these options, see previous sections.
Examples of the location parameter are below:
right
A large clock tower and other buildings line a great river.
The image is right-aligned, and text floats to the left of the image: [[File:Westminstpalace.jpg|thumb|alt=A large clock tower and other buildings line a great river.|right|upright=0.35]] (shown on the right).
left
A large clock tower and other buildings line a great river.
The image is left aligned, and text floats to the right of the image: [[File:Westminstpalace.jpg|thumb|alt=A large clock tower and other buildings line a great river.|left|upright=0.35]] (shown on the left).
center
The image is centered, and...
A large clock tower and other buildings line a great river.
the text following the image starts below it: [[File:Westminstpalace.jpg|thumb|alt=A large clock tower and other buildings line a great river.|center|upright=0.35]] (shown above).
none
The image is put at the left, and...
A large clock tower and other buildings line a great river.
the text following does not float to the right (or to the left, obviously), and starts below it: [[File:Westminstpalace.jpg|thumb|alt=A large clock tower and other buildings line a great river.|none|upright=0.35]] (shown above).
The many-floating-objects problem
Shortcut
WP:MFOP
See also: WP:STACKING
There is a floating issue in HTML/CSS that prevents certain images (or other floating objects) from floating above others. It occurs only if:
there are multiple floating objects on one side of the page
the floating object on the other side of the page comes after the other ones in the source code
The first floating object on the latter side of the page won't float above the last floating object on the former (see examples below). Solutions include alternating between left and right in aligning images or other floating objects (not shown); setting to "none" the alignment of the one that won't float above the others (as demonstrated "live" on the population table here); and using a gallery tag for large numbers of images in a single section. Per MOS:ACCESS#FLOAT, images should be inserted so their markup is in the correct section, even if that can cause them to float into the next section.
Problematic code:

==Section 1==
[[File:Westminstpalace.jpg|thumb|70px|right|Figure 1.1 ('''right''')]]
[[File:Westminstpalace.jpg|thumb|70px|right|Figure 1.2 ('''right''')]]
[[File:Westminstpalace.jpg|thumb|70px|right|Figure 1.3 ('''right''')]]
[[File:Westminstpalace.jpg|thumb|70px|right|Figure 1.4 ('''right''')]]
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
==Section 2==
[[File:Westminstpalace.jpg|thumb|70px|left|Figure 2.1 ('''left''')]]
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
The problem:
Section 1

Figure 1.1 (right)

Figure 1.2 (right)

Figure 1.3 (right)

Figure 1.4 (right)
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Section 2

Figure 2.1 (left)
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Setting alignment of final image to none:
Section 1

Figure 1.1 (right)

Figure 1.2 (right)

Figure 1.3 (right)

Figure 1.4 (right)
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Section 2

Figure 2.1 (none)
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Using gallery tags for large numbers of images:
Section 1

Figure 1.1

Figure 1.2

Figure 1.3

Figure 1.4
For more information on the gallery tag, see Help:Gallery tag.
Section 2

Figure 2.1 (left)
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Using "upright"
A large clock tower and other buildings line a great river.
The "upright" option is about 75% of thumbnail width.
A large clock tower and other buildings line a great river.
The "upright=1.5" option
The upright option works in combination with the thumbnail or thumb option to resize an image to about 75% of the width of a plain thumbnail. This is useful for displaying images in "portrait" orientation, since such tall and narrow images tend to look too large when scaled to the same width as "landscape" oriented images. The upright option scales larger or smaller in step with user screen resolution. The relative size can be determined with a multiplier such as upright=x. If x=1 then the image is standard thumbnail width. E.g., [[File:Westminstpalace.jpg|thumbnail|upright|left|alt=A large clock tower and other buildings line a great river.|The "<code>upright</code>" option is about 75% of thumbnail width.]] (shown on the left) and [[File:Westminstpalace.jpg|thumb|upright=1.5|right|alt=A large clock tower and other buildings line a great river.|The "<code>upright=1.5</code>" option]] (shown on the right).
Using frame
A large clock tower and other buildings line a great river.
The Palace of Westminster
With this option, the embedded image is shown with its actual size enclosed by a frame, regardless of the "thumb" or "size" attribute, and the caption, if any, is visible in the frame. Without the options left, center, and none, the image is normally on the right: [[File:Westminstpalace.jpg|frame|50px|alt=A large clock tower and other buildings line a great river.|The Palace of Westminster]]. (Notice how the image is not resized to 50px because "frame" is being used.)
With none of the options other than sizepx and alternate (caption) text, an embedded image is rendered inline.
Using alignment "none" thumbnails in tables
The option none can be used to have thumbnails without left- or right-alignment. This is probably most useful for tables. This is an example:
London's palaces
Palace of Westminster
A large clock tower and other buildings line a great river.
From the Thames
[[File:Westminstpalace.jpg|thumb|none|100px|alt=A large clock tower and other buildings line a great river.|From the Thames]]
Buckingham Palace
Grand city building below beautiful blue sky and clouds
Queen's home
[[File:Buckingham Palace 2003.jpg|thumb|none|100px|alt=Grand city building below beautiful blue sky and clouds|Queen's home]]
Formatting and links in captions
A large clock tower and other buildings line a great river.
This is the Palace of Westminster in London
You can put links in the caption text, as demonstrated in this image:
[[File:Westminstpalace.jpg|right|thumbnail|alt=A large clock tower and other buildings line a great river.|This is the [[Palace of Westminster]] in London]]
Just make sure the number of opening and closing square brackets are right. One extra or missing would mean the entire image syntax line would not work.
A large clock tower and other buildings line a great river.
This is the
Palace of Westminster
in London
Additional caption formatting options are possible; all normal formatting should just work.
[[File:Westminstpalace.jpg|right|thumbnail|alt=A large clock tower and other buildings line a great river.|<div style="text-align: center">This is <span style="color: green">the </span><br /> [[Palace of Westminster]]<br /> '''in <span style="color: red">London</span>'''</div>]]
Interaction between left-floating images and lists
Shortcut
WP:EISL
List bullets and numbers can sometimes overlap left-floating images, and indented lines may not appear correctly when next to left-floating images. For example:
Markup Renders as
[[File:Westminstpalace.jpg|left|thumb|100px]]
<ol>
<li>list item A1
<ol>
<li>list item B1</li>
<li>list item B2</li>
</ol>continuing list item A1
</li>
<li>list item A2</li>
</ol>
Westminstpalace.jpg
list item A1
list item B1
list item B2
continuing list item A1
list item A2
[[File:Westminstpalace.jpg|left|thumb|100px]]
First line
:Second line
::Third line
:::Fourth line
Westminstpalace.jpg
First line

Second line
Third line
Fourth line
The {{flowlist}} template enables lists to stay clear of these left-floating objects:
[[File:Westminstpalace.jpg|left|thumb|100px]]
{{flowlist}}
<ol>
<li>list item A1
<ol>
<li>list item B1</li>
<li>list item B2</li>
</ol>continuing list item A1
</li>
<li>list item A2</li>
</ol>
{{endflowlist}}

{{flowlist}}
First line
:Second line
::Third line
:::Fourth line
{{endflowlist}}
Renders as:
Westminstpalace.jpg
list item A1
list item B1
list item B2
continuing list item A1
list item A2
Westminstpalace.jpg
First line
Second line
Third line
Fourth line
This method will not work inside of a table, and if your list is longer than the floated element, then the list will not flow around the image like normal, but instead be one block, leaving white space below the floated element.
Overlaying annotations on an image
In some cases, it may be desirable to add clickable annotations to an image. The templates Template:Annotated image and Template:Annotated image 4 exist for this purpose.
These templates allow wikitext (e.g., regular text, wikilinks, allowed HTML code, references, and other templates) to be included on the image itself. They may also be used to crop an image so as to focus on a particular portion of it, or alternatively, expand the white area around an image for better placement of wikitext.
Annotated image template examples

SpineDorsalUpper lateralLower lateralVentro-lateral = Frontal
Example of an annotated diagram (using Template:Annotated image) that has clickable wikilinks and overlaid text

SpineDorsalUpper lateralLower lateralVentro-lateral = Frontal
The image above contains clickable linksExample of an annotated diagram (using Template:Annotated image 4) that has clickable wikilinks and overlaid text

The image and caption as a thumb, sans annotations
There is also the template {{Overlay}}:
Stillwell from Pulpit.jpg12345677
1 Mount Stillwell
2 Kangaroo Ridge
3 Little Stillwell
4 Kangaroo Ridge Triple Chairlift mid station
5 Basin Poma (J-Bar) unload point
6 Ego flats
7 Snow gums
Only item 7 is linked here.
Cancelling floating-around-image mode
After having had an image floating next to text, putting further text below it and again using the full width can be done with the following markup. This blocks an image from appearing next to the material following this markup, possibly due to aesthetic reasons or a change in topics.
<br style="clear:both" />
For legacy align="right" (etc.) floating this isn't good enough; legacy browsers would ignore inline CSS. To cancel floating under all conditions the following markup (valid XHTML 1.0 transitional) works:
<br clear="all" />
The same code can be issued by using template {{clear}} or {{Clr}} or {{-}} in certain namespaces (en, meta).
VR images
Shortcut
MOS:360
To display VR photographs (aka 360-degree panoramas or photospheres), use {{PanoViewer}}.
Linking to the image without displaying it
If you don't want to show or display the image but rather just want to make a link to the description page for an image, use a leading colon before "File:" in an intra-wiki link, like this: [[:File:STS-32 crew.jpg|STS-32 crew]] which yields: STS-32 crew.
Sound files
Often, sound files are presented on Wikipedia pages using {{Listen}} or its related templates. However, it is also possible to present an audio file without using any template. Similar syntax to images can be used to transclude audio or video files into pages.
Code Output
1. [[File:Accordion chords-01.ogg]]
2. [[File:Accordion chords-01.ogg|frameless|upright=1.3]]
Note that none of these examples provide links to Wikipedia:Media help, and example 2 provides no navigable links to the file itself. Consequently, whenever this method is used, the {{Inline audio}} template must be shown on that page, and the presentation of the play buttons must be accompanied by clickable links to the sound file itself. Examples:
Code Output
1. [[File:Accordion chords-01.ogg|frameless|upright=0.4|left]] [[:File:Accordion chords-01.ogg|Accordion chords]] Accordion chords
2. [[:File:Accordion chords-01.ogg|Accordion chords]] [[File:Accordion chords-01.ogg|90px|right]] Accordion chords
3. [[:File:Accordion chords-01.ogg|Accordion chords]] [[File:Accordion chords-01.ogg|90px]] Accordion chords
Note that vertical alignment of the play button does not work, nor is it possible to present the play button inline with text; consequently, the most pleasing arrangement is achieved with examples 1 or 3.
There is also a parameter to preset the player to start at a time other than 0:00.
Code Output
1. [[File:Accordion chords-01.ogg|start=0:05]]
MIDI
Since June 2019, MIDI files can be played just like other sound files. See: Help:Score.
Bagatelles, Op. 33, no. 1
[[File:Beethoven Op. 33 no. 1.mid|thumb|[[Bagatelles, Op. 33 (Beethoven)|''Bagatelles'', Op. 33]], no. 1]]
Video files
To display a video as uploaded with a caption use [[File:First flights in aviation history.ogg|frame|none|Caption text]].
Caption text
Initial still image
thumbtime=Time". Use the frame from the video at the given time as the initial still image. Time is either a number of seconds, or hours, minutes and seconds separated by colons. Without a thumbtime parameter, a frame from the midpoint of the video is used by default. For instance, using the same video file as previously:
Man in suit tie and hat at 21 seconds. Time syntax using seconds only: "21".
Monoplane seen at 23 seconds. Time syntax using minutes and seconds: "0:23".
Landed biplane seen at 33 seconds. Time syntax using hours, minutes and seconds: "0:0:33".
Temporal media fragments
Starts at 5 seconds and ends playback at 7 seconds
This syntax allows you to play a segment of the video stream or set a start time. Hover over the player to see start time listed as 5s, press play and notice it stops playback at 7 seconds.
[[File:Weeding.ogv|thumb|upright=1.3|start=5|end=7|Starts at 5 seconds and ends playback at 7 seconds]]
Note: This is not yet supported by Safari and Internet Explorer.
Displaying small videos larger
To display a video larger than its uploaded size use "|thumb" and "|numberpx". This may be useful if the original video is very small but shows some important but small detail, but note that upscaling may create unexpected scaling artifacts. For example, the code
[[File:cal16x16check_vdnocnoafr1len2.avi.q10.ogv|inline|left]] [[File:cal16x16check_vdnocnoafr1len2.avi.q10.ogv|right|thumb|128px]]
displays the 16 pixels wide video at its original size on the left and eight times wider at the right (the squares should be all black or all white and the edges should be sharp — any blurriness or off-white colour is likely due to the browser or the Wikimedia server rendering):
Thumbtime in a gallery
The thumbtime parameter can also be used inside a gallery (either with <gallery> tags or the {{Gallery}} template):
Man in suit tie and hat at 21 seconds.
Monoplane seen at 23 seconds.
Here is the wikicode that created it:
<gallery>
File:First flights in aviation history.ogg|thumbtime=21|Man in suit tie and hat at 21 seconds.
File:First flights in aviation history.ogg|thumbtime=0:23|Monoplane seen at 23 seconds.
</gallery>
See also
Wikipedia:Images – For an overview of images in Wikipedia
Wikipedia:Picture tutorial
Wikimedia Commons (Commons Main Page), a free multimedia repository, that you can use directly in Wikipedia and the other Wikimedia projects. You can upload new images or use the stored ones.
Commons:Commons:Video – Outline of videos on Commons; using, playing, policy, finding, converting and uploading
Wikipedia:Creation and usage of media files – A how-to guide, old but still useful
Wikipedia:Image use policy
Wikipedia:Image markup with HTML – How to add images to articles, old school. Obsolete but interesting.
Wikipedia:Finding images tutorial
meta:Help:Images and other uploaded files
mw:Extension:PagedTiffHandler – lossy parameter for tiff files
vte
Wikipedia technical help
Categories: Wikipedia editing guidelines
Navigation menu
Matahariagung
Alerts (0)
Notice (1)
Talk
Sandbox
Preferences
Beta
Watchlist
Contributions
Log out
Project pageTalk
ReadView sourceView historyWatch
Search
Main page
Contents
Current events
Random article
About Wikipedia
Contact us
Donate
Contribute
Help
Learn to edit
Community portal
Recent changes
Upload file
Tools
What links here
Related changes
Special pages
Permanent link
Page information
Wikidata item
Print/export
Download as PDF
Printable version
Languages
বাংলা
Català
فارسی
Galego
मराठी
Српски / srpski
తెలుగు
Українська
Edit links
This page was last edited on 30 April 2022, at 01:23.
Text is available under the Creative Commons Attribution-ShareAlike License 3.0; additional terms may apply. By using this site, you agree to the Terms of Use and Privacy Policy. Wikipedia® is a registered trademark of the Wikimedia Foundation, Inc., a non-profit organization.


==Editing==
==Editing==

Revision as of 20:57, 31 May 2022

From MediaWiki 1.5, all projects use Unicode (UTF-8) character encoding. Many characters, including CJK characters, can be in the wikitext itself. They use a variable number of bytes per character.

Important special characters

Umlauts and accents: À Á Â Ã Ä Å Æ Ç È É Ê Ë Ì Í Î Ï Ñ Ò Ó Ô Œ Õ Ö Ø Ù Ú Û Ü ß à á â ã ä å æ ç è é ê ë ì í î ï ñ ò ó ô œ õ ö ø ù ú û ü ÿ

Punctuation: ¿ ¡ « » § ¶ † ‡ • - – —

Commercial symbols: ™ © ® ¢ € ¥ £ ¤

Greek characters: α β γ δ ε ζ η θ ι κ λ μ ν ξ ο π ρ σ ς τ υ φ χ ψ ω Γ Δ Θ Λ Ξ Π Σ Φ Ψ Ω

Math characters: ∫ ∑ ∏ √ − ± ∞ ≈ ∝ ≡ ≠ ≤ ≥ × · ÷ ∂ ′ ″ ∇ ‰ ° ∴ ø ∈ ∩ ∪ ⊂ ⊃ ⊆ ⊇ ¬ ∧ ∨ ∃ ∀ ⇒ ⇔ → ↔ ↑ ℵ ∉ °

For more, see w:Table of mathematical symbols.

Subscripts and superscripts as special characters (here shown with x): x₀ x₁ x₂ x₃ x₄ x₅ x₆ x₇ x₈ x₉ x⁰ x¹ x² x³ x⁴ x⁵ x⁶ x⁷ x⁸ x⁹

Compare, as alternative and for other sub- and superscripts:
  • x<sub>k</sub> → xk [1]
  • x<sup>k</sup> → xk [2]
  • {{#tag:math|x_k}} [3]
  • {{#tag:math|x^k}} [4]

Editing

Ways to enter a non-ASCII character into the wikitext:

  • Use a link to a special character listed under the edit box to insert that character. Wikis need Extension:CharInsert for this. Which characters are displayed depends on the wiki, and on user preference settings; sometimes lists are collapsible, or there is a menu to select a list.
  • Copy the character from some list on a webpage, like that above, or from a locally stored page. The character should not be an image or part of an image, hence for example not an image produced by the TeX feature of the wiki. Thus one can copy for example from the characters in the first column of w:Table of mathematical symbols.
  • Use a special keyboard function (or enter the character directly from a foreign keyboard).
  • Use a special browser function.
  • Use an HTML named character entity reference like &agrave; or HTML numeric character reference like &#161;, and copy the character from preview. In the past the code itself had to be stored in the wikitext. Such codes may still be present on some pages. Results of the internal search function may be affected by this. On the other hand, this search function cannot find some characters, including "→", while if it is coded as "&rarr;", it can be found by searching for "rarr". See also Help:Searching.

Esperanto

in edit boxin database and output
SS
SxŜ
SxxSx
SxxxŜx
SxxxxSxx
SxxxxxŜxx

MediaWiki installations configured for Esperanto use UTF-8 for storage and display. However when editing the text is converted to a form that is designed to be easier to edit with a standard keyboard.

The characters for which this applies are: Ĉ, Ĝ, Ĥ, Ĵ, Ŝ, Ŭ, ĉ, ĝ, ĥ, ĵ, ŝ, and ŭ. You may enter these directly in the edit box if you have the facilities to do so. However when you edit the page again you will see them encoded as Sx. This form is referred to as "x-sistemo" or "x-kodo". In order to preserve round trip capability when one or more x's follow these characters or their non-accented forms (C, G, H, J, S, U, c, g, h, j, s, u), the number of x's in the edit box is double the number in the actual stored article text.

For example, the interlanguage link [[en:Luxury car]] to en:Luxury car has to be entered in the edit box as [[en:Luxxury car]] on eo:. This has caused problems with interwiki update bots in the past.

Browser issues

Some browsers are known to do nasty things to text in the edit box. Most commonly they convert it to an encoding native to the platform (whilst the NT line of Windows is internally UCS-2LE (2 Byte subset of UTF-16) it has a complete duplicate set of APIs in the Windows ANSI code page and many older apps tend to use these, especially for things like edit boxes). Then they let the user edit it using a standard edit control and convert it back. The result is that any characters that do not exist in the encoding used for editing get replaced with something that does (often a question mark though at least one browser has been reported to actually transliterate text!).

IE for the Mac

This relatively common browser translates to mac-roman for the edit box with the result it munges most Unicode stuff (usually but not always by replacing them with a question mark). It also munges things that are in ISO-8859-1 but not mac-roman (specifically ¤ ¦ ¹ ² ³ ¼ ½ ¾ Ð × Ý Þ ð ý þ and the soft hyphen) so the problems it causes are not limited to Unicode wikis (though they tend to be much worse on Unicode wikis because they affect actual text and interwiki links rather than just fairly obscure symbols).

Netscape 4.x

Similar issues to IE Mac though the character set converted to and from will obviously not always be mac-roman.

Console browsers

Lynx, Links (in text mode) and W3M convert to the console character set (Lynx and Links actually using a transliteration engine) for editing and convert back on save. If the console character set is UTF-8 then these browsers are Unicode safe but if it isn't they aren't. With Lynx and Links a possible detection method would be to add another edit box to the login form but this won't work for W3M as it doesn't convert the text to the console character set until the user actually attempts to edit it.

The workaround

In database and edit
box for normal browsers
In editbox for
trouble browsers
œ&#x153;
&#x153;&#x0153;
&#x0153;&#x00153;

After English Wikipedia switched to UTF-8 and interwiki bots started replacing html entities in interwikis with literal unicode text, edits that broke unicode characters became so common they could no longer be ignored. A workaround was developed to allow the problematic browsers to edit safely provided that MediaWiki knew they have problems.

Browsers listed in the setting $wgBrowserBlackList (a list of regexps that match against user agent strings) are supplied text for editing in a special form. Existing hexadecimal html entities in the page have an extra leading zero added, non-ascii characters that are stored in the wikitext are represented as hexadecimal html entities with no leading zeros.

Currently the default settings only have IE mac and a specific version of netscape 4.x for linux in the blacklist. Nevertheless it seems to have stopped most of the problem.

Viewing

Most current browsers have some level of Unicode support but some do it better than others. The most commonly encountered problem is that Internet Explorer relies on preconfigured font links in the registry rather than actually searching for a font that can display the character in question. This means that Internet Explorer often has to be forced to use particular fonts. On English Wikipedia there are a set of templates to do this. For example {{unicode}} for general Unicode text, {{polytonic}} for polytonic Greek and {{IPA}} for the International Phonetic Alphabet. The stuff in Windows Glyph List 4 should be safe to use without such special measures.

<font face="Arial Unicode MS">...</font> may work, but only for people with that font.

Displaying special characters

To display Unicode or special characters on web page(s), one or more of the Unicode fonts need to be present or installed in your computer, first. For proper working functionality, setup or configuration or settings from the web page viewing browser software also needs to be modified.

The default font for Latin scripts in Internet Explorer(IE) web browser for Windows is Times New Roman. It doesn't include many Unicode blocks. To properly view special characters in IE, you must set your browser font settings to a font that includes many Unicode blocks of characters, such as Lucida Sans Unicode font, which comes with Windows XP, DejaVu Sans, TITUS Cyberbit, GNU Unifont which are freely available, or Arial Unicode MS, which comes with Microsoft Office.  See subsection below for specific instructions.

Alternatively, the style sheet page related to the web page(s), could also try using Unicode-range specifications to note the gaps where Times New Roman does not have glyphs from Unicode blocks, such as, Hawaiian ‘okina (glottal stop), etc. and thus force the browser to check further down the list of next fonts to try to display those special characters.

Special symbols should display properly without further configuration with Mozilla Firefox, Konqueror, Opera, Safari and most other recent browsers. An optional step can be taken for better (and correct) display of characters with ligature forms, combined characters, after the previously mentioned steps were followed, is to install a rendering engine software.

To use one of the available Unicode fonts for displaying special characters inside a table or chart or box, specify the class="Unicode" in the table's TR row tag (or, in each TD tag, but using it in each TR is easier than using it in each TD), in wiki table code, use that after the (TR equivalent) "|-" (like, |- class="Unicode").

For displaying individual special character, template code {{Unicode|char}} for each character can be used. HTML decimal or hexadecimal numeric entity codes can be used in the place of the char. If a paragraph with lots of special Unicode characters need to be displayed, then, <p class="Unicode"> ... </p>, or, <span class="Unicode"> ... </span> code can also be used.

The class="Unicode" is to be used in web page(s), HTML or wiki tags, where various characters from wide range of various Unicode blocks need to be displayed. If the special characters that need to be displayed on web page(s), are mostly covering fewer Unicode blocks, related to latin scripts, then class="latinx" can be used. For special characters or symbols related to International Phonetic Alphabet, class="IPA" can be used. For polytonic (Greek) characters or related symbols, class="polytonic" can be used.

Changing Internet Explorer's (IE) default font

From the IE menu bar, follow this path:  Tools -> Internet Options -> Fonts -> Webpage Font:
to a scrolling list of fonts. As indicated above, the default selection for Windows is Times New Roman. For viewing of many special characters, select a different font, such as Lucida Sans Unicode, and then select OK.

Linking text with special characters

Many users have settings giving underlined links. When linking a special character, in some cases the result may be mistaken for another character with a different meaning:

Linking + − < > ⊂ ⊃ gives + < > which may look like ± = ≤ ≥ ⊆ ⊇. In such cases one can better use a separate link:

There is less risk of confusion if more than one character is linked, e.g. x > 3.

Alt keycodes

  See also : Alt codes, Windows Alt keycodes

Many special characters which have decimal equivalent codepoint numbers that are below 256, can be typed in by using the keyboard's Alt + Decimal equivalent code numbers keys.

For example, the character é (Small e with acute accent, html entity code "&eacute;") can be obtained by pressing Alt + 130.

Which means, first press the "Alt" key and keep on pressing it (or keep on holding it), with your left hand, then press the digit keys 1, 3, 0, in sequence, one by one, in the right-side Numeric Keypad part of the keyboard, then release the Alt key.

But special characters, for example, λ (small lambda) cannot be obtained from its decimal code 955 or 0955, by using it with the Alt key, if used inside Notepad or Internet Explorer (IE). You'll get wrong character "╗" or "»".

The "Wordpad" (Windows Operating system) editor accepts the decimal (numeric entity codepoints) values above 256, so it can be used to obtain the Special/Unicode characters, then copy-paste where you need.

To obtain such special characters correctly, which have decimal codepoint values above the 256, another option is to use or type its hex equivalent codepoint first, then press Alt+X keys. To do this, open or start Wordpad, Word, etc editing application software, (this Alt+X process will not work in Internet Explorer, Notepad, etc). Type in 3BB, which is a hexadecimal equivalent numeric codepoint of the character λ, then press Alt+X. Hexcode 3BB will convert/turn into the λ character. If you press the Alt+X key combination again, then λ character will convert back to its hex equivalent codepoint, 3BB. Now character(s) can be copy pasted, where you want to use, or, (in IE) use its html hexadecimal equivalent code &#x3BB; or its html decimal equivalent code &lambda;.

Characters and formulas which are not directly entered as wikitext

  • x<sub>k</sub> → xk [5]
  • x<sup>k</sup> → xk [6]

Alternative wikitext for characters that can directly be entered as wikitext:

  • &rarr; gives →, etc.

Characters and formulas displayed as image

Displaying additional characters and also formulas:

For example: {{#tag:math|\sqrt x}} [7]

A user preference setting controls to what extent HTML code is used, if possible, and to what extent images. See Help:Displaying a formula.


Egyptian hieroglyphs:

For example: {{#tag:hiero|a-p:t-q}}

ap
t
q

[8]

See mw:Extension:WikiHiero/Syntax.

See also

External links

  • http://www.unicode.org/charts/ Unicode character charts; hexadecimal numbers only; PDF files showing all characters independent of browser capabilities
  • http://www.unicode.org/help/display_problems.html Help for enabling Unicode support on most platforms
  • Table of Unicode characters from 1 to 65535 - shows how the decimal character references look in one's browser
  • HTML 4.0 Character Entity References - shows how the named and decimal character references look in one's browser
  • FileFormat.Info - details of many Unicode characters, including the named, decimal and hexadecimal character reference, showing how it should look and for each, how it looks in one's browser
  • Alan Wood's Unicode Resources - comprehensive resource with character test pages for all Unicode ranges, as well as OS-specific Unicode support information and links to fonts and utilities.
  • CharacterPal - Free Mac OS X Dashboard Widget that displays key combinations for special characters.
  • A convertor that helps you find the right escape sequence to use - helps when you need to escape ASCII/Unicode characters that are special characters in wiki markup

Links to other help pages

Help contents
Meta · Wikinews · Wikipedia · Wikiquote · Wiktionary · Commons: · Wikidata · MediaWiki · Wikibooks · Wikisource · MediaWiki: Manual · Google
Versions of this help page (for other languages see further)
What links here on Meta or from Meta · Wikipedia · MediaWiki
Reading
Go · Search · Namespace · Page name · Section · Backlinks · Redirect · Category · Image page · Special pages · Printable version
Tracking changes
Recent changes (enhanced) | Related changes · Watching pages · Diff · Page history · Edit summary · User contributions · Minor edit · Patrolled edit
Logging in and preferences
Logging in · Preferences
Editing
Starting a new page · Advanced editing · Editing FAQ · Export · Import · Shortcuts · Edit conflict · Page size
Referencing
Links · URL · Interwiki linking · Footnotes
Style and formatting
Wikitext examples · CSS · Reference card · HTML in wikitext · Formula · Lists · Table · Sorting · Colors · Images and file uploads
Fixing mistakes
Show preview · Reverting edits
Advanced functioning
Expansion · Template · Advanced templates · Parser function · Parameter default · Magic words · System message · Substitution · Array · Calculation · Transclusion
Others
Special characters · Renaming (moving) a page · Preparing a page for translation · Talk page · Signatures · Sandbox · Legal issues for editors
Other languages: