Difference between revisions of "Help:Markup reference"

From Camera-wiki.org
Jump to: navigation, search
(Horizontal alignment of cell content: adding the explanation)
(now using the CODE tag (clearup probably needed))
Line 1: Line 1:
 
<div style="padding:5px; margin:30px; color:#000; background-color:#fee; border:#f00 2px dotted">
 
<div style="padding:5px; margin:30px; color:#000; background-color:#fee; border:#f00 2px dotted">
'''This page is within the userspace of [[User:Zuleika|Zuleika]]. The plan is first to improve it and ''then'' to move it, to "Help:Markup reference" or similar. After the move, it may of course be edited and improved by any Camera-wiki.org editor who is sufficiently well-informed and careful. And no doubt various improvements will be possible. In the meantime, it's editable by Zuleika, and by specific invitation. Other editors are most welcome to ''make suggestions'' for it; these suggestions can be placed in [[User talk:Zuleika/Junkyard]].'''
+
'''This page is within the userspace of [[User:Zuleika|Zuleika]]. The plan is first to improve it and ''then'' to move it, to "Help:Markup reference" or similar. After the move, it may of course be edited and improved by any Camera-wiki.org editor who is sufficiently well-informed and careful. And no doubt various improvements will be possible. In the meantime, it’s editable by Zuleika, and by specific invitation. Other editors are most welcome to ''make suggestions'' for it; these suggestions can be placed in [[User talk:Zuleika/Junkyard]].'''
 
</div>
 
</div>
  
Line 16: Line 16:
 
Don’t attempt to indent the first line of a paragraph.
 
Don’t attempt to indent the first line of a paragraph.
  
To indent a block quotation, start the block with “'''&lt;blockquote&gt;'''” and end it with “'''&lt;/blockquote&gt;'''”.
+
To indent a block quotation, start the block with <code style="padding:1pt; border:1pt dotted #006">&lt;blockquote&gt;</code> and end it with <code style="padding:1pt; border:1pt dotted #006">&lt;/blockquote&gt;</code>.
  
There’s a convention whereby a comment in a talk page is indented further from the left than is the comment to which it’s a reply. For each level of indentation from the left, add one colon (“''':'''”) at the very start of your comment.<ref>This is a very dubious convention, as what it does is to insert [[Wikipedia:XHTML|XHTML]] whose meaning is specific to ''definitions,'' which of course are irrelevant. But it’s well entrenched.</ref>
+
There’s a convention whereby a comment in a talk page is indented further from the left than is the comment to which it’s a reply. For each level of indentation from the left, add one colon (<code style="padding:1pt; border:1pt dotted #006">:</code>) at the very start of your comment.<ref>This is a very dubious convention, as what it does is to insert [[Wikipedia:XHTML|XHTML]] whose meaning is specific to ''definitions,'' which of course are irrelevant. But it’s well entrenched.</ref>
  
For a simple line break, use “'''&lt;br /&gt;'''”.<ref>This is specific to [[Wikipedia:XHTML|XHTML]]. Usually, the [[Wikipedia:MediaWiki|MediaWiki]] software effortlessly converts to this from “&lt;br&gt;” (which is specific to HTML) or worse, but in certain situations it fails to do so.</ref> (In normal body text this is unnecessary; however, it can help within captions and the like.)
+
For a simple line break, use <code style="padding:1pt; border:1pt dotted #006">&lt;br /&gt;</code>.<ref>This is specific to [[Wikipedia:XHTML|XHTML]]. Usually, the [[Wikipedia:MediaWiki|MediaWiki]] software effortlessly converts to this from “&lt;br&gt;” (which is specific to HTML) or worse, but in certain situations it fails to do so.</ref> (In normal body text this is unnecessary; however, it can help within captions and the like.)
  
 
===Headers (section titles)===
 
===Headers (section titles)===
Line 33: Line 33:
 
:3 Second generation: hinged back
 
:3 Second generation: hinged back
 
::3.1 1933 model
 
::3.1 1933 model
and take a quick look at these sections. The former is the topmost level of classification; it was added with a pair of double equals signs: “'''==Second generation: hinged back=='''”. The latter is one stage below this, and uses a pair of treble equals signs: “'''===1933 model==='''”. They’re not numbered: the numbering is generated automatically for the table of contents. (For more on tables of contents, see [[#Table_of_contents|below]].)
+
and take a quick look at these sections. The former is the topmost level of classification; it was added with a pair of double equals signs: <code style="padding:1pt; border:1pt dotted #006">==Second generation: hinged back==</code>. The latter is one stage below this, and uses a pair of treble equals signs: <code style="padding:1pt; border:1pt dotted #006">===1933 model===</code>. They’re not numbered: the numbering is generated automatically for the table of contents. (For more on tables of contents, see [[#Table_of_contents|below]].)
  
 
Put a header on a new line, and start anything that follows it on a new line.
 
Put a header on a new line, and start anything that follows it on a new line.
Line 47: Line 47:
 
When the number of headers (see [[#Headers_.28section_titles.29|above]]) within a page goes over three, this automatically triggers the generation of a table of contents. The table itself cannot be edited. Its generation should not normally be forced, moved or suppressed. However, this can be done, using one or other of two “magic words” ([[Wikipedia:MediaWiki|MediaWiki]] terminology), each enclosed in double underlines:
 
When the number of headers (see [[#Headers_.28section_titles.29|above]]) within a page goes over three, this automatically triggers the generation of a table of contents. The table itself cannot be edited. Its generation should not normally be forced, moved or suppressed. However, this can be done, using one or other of two “magic words” ([[Wikipedia:MediaWiki|MediaWiki]] terminology), each enclosed in double underlines:
  
*Adding “'''<nowiki>__TOC__</nowiki>'''” somewhere in a page forces generation of the table of contents at that point in the page.
+
*Adding <code style="padding:1pt; border:1pt dotted #006"><nowiki>__TOC__</nowiki></code> somewhere in a page forces generation of the table of contents at that point in the page.
*Adding “'''<nowiki>__NOTOC__</nowiki>'''” anywhere in a page suppresses generation of the table of contents anywhere in the page.
+
*Adding <code style="padding:1pt; border:1pt dotted #006"><nowiki>__NOTOC__</nowiki></code> anywhere in a page suppresses generation of the table of contents anywhere in the page.
  
 
(The “TOC” template of Wikipedia does not exist in Camera-wiki.org.)
 
(The “TOC” template of Wikipedia does not exist in Camera-wiki.org.)
Line 60: Line 60:
 
There are two kinds of list, depending on whether the items are unordered (not numbered) or ordered (numbered). They are remarkably easy to produce: they don’t require an explicit beginning or end, and instead merely consist of a simple, unbroken series of list items. Each list item starts on a new line with either of two characters, and should be typed on a single line (it should not include a line break).
 
There are two kinds of list, depending on whether the items are unordered (not numbered) or ordered (numbered). They are remarkably easy to produce: they don’t require an explicit beginning or end, and instead merely consist of a simple, unbroken series of list items. Each list item starts on a new line with either of two characters, and should be typed on a single line (it should not include a line break).
  
An unordered list is typically displayed with bullet points. It’s made with an asterisk (“'''*'''”) at the start of each line.
+
An unordered list is typically displayed with bullet points. It’s made with an asterisk (<code style="padding:1pt; border:1pt dotted #006">*</code>) at the start of each line.
  
 
<div style="width:20em; padding:5px; margin-left:30px; color:#000; background-color:#ddf;">
 
<div style="width:20em; padding:5px; margin-left:30px; color:#000; background-color:#ddf;">
Line 74: Line 74:
 
*The other
 
*The other
  
An ordered list is typically displayed with Arabic numerals. It’s made with a hash mark (“'''#'''”) at the start of each line.
+
An ordered list is typically displayed with Arabic numerals. It’s made with a hash mark (<code style="padding:1pt; border:1pt dotted #006">#</code>) at the start of each line.
  
 
<div style="width:20em; padding:5px; margin-left:30px; color:#000; background-color:#ddf;">
 
<div style="width:20em; padding:5px; margin-left:30px; color:#000; background-color:#ddf;">
Line 145: Line 145:
 
|}
 
|}
  
Of course this neither looks like a conventional table nor is easy to understand as a table. But a simple change will work wonders. If we replace the initial “'''{|'''” in the table above with “'''<nowiki>{|class="wikitable"</nowiki>'''”, the result is:
+
Of course this neither looks like a conventional table nor is easy to understand as a table. But a simple change will work wonders. If we replace the initial <code style="padding:1pt; border:1pt dotted #006">{|</code> in the table above with <code style="padding:1pt; border:1pt dotted #006">{|class="wikitable"</code>, the result is:
  
 
{|class="wikitable"
 
{|class="wikitable"
Line 281: Line 281:
 
(The reason why this small table, together with those that follow, is narrow is that nothing is forcing any column to be any wider than is necessary for the text that it contains.)
 
(The reason why this small table, together with those that follow, is narrow is that nothing is forcing any column to be any wider than is necessary for the text that it contains.)
  
First, let’s have “IBS” expand across what are now “blank1” and “blank2”, and “Fuji” expand all the way across to “blank13”. In XHTML (and HTML) terms, we want the cell that contains “IBS” to ''span'' three columns. This requires adding the “'''colspan'''” attribute to this cell, and deleting those that now contain “blank1” and “blank2”. Deletion is straightforward. In MediaWiki markup, you add any attribute to a cell in front of the pipe (“|”) character and any text. And so:
+
First, let’s have “IBS” expand across what are now “blank1” and “blank2”, and “Fuji” expand all the way across to “blank13”. In XHTML (and HTML) terms, we want the cell that contains “IBS” to ''span'' three columns. This requires adding the <code style="padding:1pt; border:1pt dotted #006">colspan</code> attribute to this cell, and deleting those that now contain “blank1” and “blank2”. Deletion is straightforward. In MediaWiki markup, you add any attribute to a cell in front of the pipe (“|”) character and any text. And so:
  
 
{| border="1" cellpadding="2" style="margin:1em; border-collapse:collapse;"
 
{| border="1" cellpadding="2" style="margin:1em; border-collapse:collapse;"
Line 291: Line 291:
 
|}
 
|}
  
Now for the rest. We want each of “IA”, “IB”, “IC”, “IAS” and “ICS” to span two rows. The “'''rowspan'''” attribute works analogously to the “colspan” attribute (although it is slighter harder to use because what is deleted is not adjacent to this cell in the source).   
+
Now for the rest. We want each of “IA”, “IB”, “IC”, “IAS” and “ICS” to span two rows. The <code style="padding:1pt; border:1pt dotted #006">rowspan</code> attribute works analogously to the “colspan” attribute (although it is slighter harder to use because what is deleted is not adjacent to this cell in the source).   
  
 
{| border="1" cellpadding="2" style="margin:1em; border-collapse:collapse;"
 
{| border="1" cellpadding="2" style="margin:1em; border-collapse:collapse;"
Line 313: Line 313:
 
All seems well (in a bunched-up kind of way). The result is still too narrow for us for a full idea of what is going on here, but it’s sufficient to show that both “c” and “Fuji” are left-aligned whereas they’d look better (horizontally) centred.
 
All seems well (in a bunched-up kind of way). The result is still too narrow for us for a full idea of what is going on here, but it’s sufficient to show that both “c” and “Fuji” are left-aligned whereas they’d look better (horizontally) centred.
  
The table above has cells that span columns and cells that span rows, but no cell that spans both. But this is simply done: add ''both'' “'''colspan'''” and “'''rowspan'''” attributes to the cell at the top left of the rectangle that is to be merged, and delete the other cells. (As always with XTML tag attributes, their order doesn’t matter: either colspan then rowspan, or vice versa.) Here (for some fictional camera) is the result:
+
The table above has cells that span columns and cells that span rows, but no cell that spans both. But this is simply done: add ''both'' <code style="padding:1pt; border:1pt dotted #006">colspan</code> and <code style="padding:1pt; border:1pt dotted #006">rowspan</code> attributes to the cell at the top left of the rectangle that is to be merged, and delete the other cells. (As always with XTML tag attributes, their order doesn’t matter: either colspan then rowspan, or vice versa.) Here (for some fictional camera) is the result:
  
 
{| border="1" cellpadding="2" style="margin:1em; border-collapse:collapse;"
 
{| border="1" cellpadding="2" style="margin:1em; border-collapse:collapse;"
Line 370: Line 370:
 
How the text is aligned here will depend on the browser that is used. Commonly, the content of table head cells (such as “Model” and “IA”) is centred (and in boldface), whereas that of the other table cells is left-aligned.
 
How the text is aligned here will depend on the browser that is used. Commonly, the content of table head cells (such as “Model” and “IA”) is centred (and in boldface), whereas that of the other table cells is left-aligned.
  
Centring (horizontally) within ''all'' table cells is easily done, by addition of “'''text-align:center;'''” for the table as a whole:
+
Centring (horizontally) within ''all'' table cells is easily done, by addition of <code style="padding:1pt; border:1pt dotted #006">text-align:center;</code> for the table as a whole:
  
 
<div style="max-width:60em; padding:2px 5px; margin:0 0 5px 30px; color:#000; background-color:#ddf;">
 
<div style="max-width:60em; padding:2px 5px; margin:0 0 5px 30px; color:#000; background-color:#ddf;">
Line 402: Line 402:
 
|}
 
|}
  
Although the leftmost column looks strange, the table as a whole is a fairly good approximation to what we want. So we retain “'''text-align:center;'''” for the table as a whole, but add the CSS rule “'''text-align:left'''” for any cell whose text should be left-aligned. If there already is a “'''style='''” attribute for the cell, we add this rule to it (in any order), separating it from any other rule by a semicolon (“''';'''”); if there is not, we add “'''style="text-align:left"'''” to the left of the pipe for the cell. For example:
+
Although the leftmost column looks strange, the table as a whole is a fairly good approximation to what we want. So we retain <code style="padding:1pt; border:1pt dotted #006">text-align:center;</code> for the table as a whole, but add the CSS rule <code style="padding:1pt; border:1pt dotted #006">text-align:left</code> for any cell whose text should be left-aligned. If there already is a <code style="padding:1pt; border:1pt dotted #006">style=</code> attribute for the cell, we add this rule to it (in any order), separating it from any other rule by a semicolon (<code style="padding:1pt; border:1pt dotted #006">;</code>); if there is not, we add <code style="padding:1pt; border:1pt dotted #006">style="text-align:left"</code> to the left of the pipe for the cell. For example:
  
 
<div style="max-width:30em; padding:2px 5px; margin:0 0 5px 30px; color:#000; background-color:#ddf;">
 
<div style="max-width:30em; padding:2px 5px; margin:0 0 5px 30px; color:#000; background-color:#ddf;">
Line 438: Line 438:
 
====Vertical alignment and other formatting of table cells====
 
====Vertical alignment and other formatting of table cells====
  
It may look better if the text in a row, or every row, is vertically aligned to the top rather than vertically centered. In order to do this, simply replace the row-opening “'''|-'''” with “'''|-&nbsp;style="vertical-align:top"'''” (or, if a “style” attribute is already there, add the rule “vertical-align:top”, using a semicolon to separate it from any other rule).
+
It may look better if the text in a row, or every row, is vertically aligned to the top rather than vertically centered. In order to do this, simply replace the row-opening <code style="padding:1pt; border:1pt dotted #006">|-</code> with <code style="padding:1pt; border:1pt dotted #006">|-&nbsp;style="vertical-align:top"</code> (or, if a “style” attribute is already there, add the rule “vertical-align:top”, using a semicolon to separate it from any other rule).
  
 
The property “vertical-align” has numerous possible values, but “top”, “bottom” and “middle”<ref>''Not'' “center”, which is unavailable.</ref> are likely to be the most useful among them. And like “text-align” (for horizontal alignment), “vertical-align” can be applied to individual cells too.
 
The property “vertical-align” has numerous possible values, but “top”, “bottom” and “middle”<ref>''Not'' “center”, which is unavailable.</ref> are likely to be the most useful among them. And like “text-align” (for horizontal alignment), “vertical-align” can be applied to individual cells too.
Line 474: Line 474:
 
====Table positioning====
 
====Table positioning====
  
Is more control needed, perhaps for centring? Then let’s replace the initial “'''{|'''” in the first (poorly legible) table with “'''<nowiki>{|class="toccolours" border="1" style="clear:both; margin:1em auto; border-collapse:collapse;"</nowiki>'''”<ref name="nospace">The lack of a space before “em” within this isn’t careless; it’s deliberate and indeed necessary for [[Wikipedia:Cascading Style Sheets|CSS]].</ref>
+
Is more control needed, perhaps for centring? Then let’s replace the initial <code style="padding:1pt; border:1pt dotted #006">{|</code> in the first (poorly legible) table with <code style="padding:1pt; border:1pt dotted #006">{|class="toccolours" border="1" style="clear:both; margin:1em auto; border-collapse:collapse;"</code><ref name="nospace">The lack of a space before “em” within this isn’t careless; it’s deliberate and indeed necessary for [[Wikipedia:Cascading Style Sheets|CSS]].</ref>
  
 
The result is now:
 
The result is now:
Line 503: Line 503:
 
|}
 
|}
  
First, “'''<nowiki>{|class="toccolours" border="1" style="background-color:#eeffee; float:left; margin:1em 1em 1em 0; border-collapse:collapse;"</nowiki>'''”<ref name="nospace" /><ref name="colorspelling">The property “background-color” must be so written. A hyphen, not a space; US spelling, not British. This is required by [[Wikipedia:Cascading Style Sheets|CSS]], devised by [http://www.w3c.org/ W3C]; if you don’t like it, please blame W3C and not Camera-wiki.org.</ref> will “float” a table to the left. The particular table here has a light green background thanks to “eeffee”: the first and the second “ee” mean a high level of red and blue respectively, while the “ff” in the middle means the maximum level of green.<ref name="hexcolors">The idea is “#RRGGBB”: a two-digit hexadecimal value for red, green and blue respectively. At the extremes, “#ffffff” (three colours at full blast) is white; “#000000” (none of any colour) is black. Case does not matter: “#af00bb” is the same as “#AF00BB”. You may encounter three-digit references; these are equivalent to six-digit references in which each of the three digits is doubled, so for example “#fc9” is the same as “#ffcc99”. To find the right values for a colour, see for example [http://www.w3schools.com/css/css_colors.asp this page] (at [http://www.w3schools.com/ W3schools.com]). (Whether or not a colour is “web safe” for monitors that can only display 256 colours is no longer an issue. By contrast, legibility ''is'' an issue.) Certain ''named'' colours are also possible; for a list arranged by colour, see [http://www.w3schools.com/css/css_colorsfull.asp this page] (also at W3schools.com).</ref> Where, as here, four values are given for the margin, they’re set clockwise from the top; so “1em 1em 1em 0” means no margin on the left but a one-em<ref name="em">The ''em'' is a typographic unit of length, in practice roughly equal to the height of the particular font.</ref> margin on each of the other three sides. (For more on “floating”, see [[#Floating|below]].)
+
First, <code style="padding:1pt; border:1pt dotted #006">{|class="toccolours" border="1" style="background-color:#eeffee; float:left; margin:1em 1em 1em 0; border-collapse:collapse;"</code><ref name="nospace" /><ref name="colorspelling">The property “background-color” must be so written. A hyphen, not a space; US spelling, not British. This is required by [[Wikipedia:Cascading Style Sheets|CSS]], devised by [http://www.w3c.org/ W3C]; if you don’t like it, please blame W3C and not Camera-wiki.org.</ref> will “float” a table to the left. The particular table here has a light green background thanks to “eeffee”: the first and the second “ee” mean a high level of red and blue respectively, while the “ff” in the middle means the maximum level of green.<ref name="hexcolors">The idea is “#RRGGBB”: a two-digit hexadecimal value for red, green and blue respectively. At the extremes, “#ffffff” (three colours at full blast) is white; “#000000” (none of any colour) is black. Case does not matter: “#af00bb” is the same as “#AF00BB”. You may encounter three-digit references; these are equivalent to six-digit references in which each of the three digits is doubled, so for example “#fc9” is the same as “#ffcc99”. To find the right values for a colour, see for example [http://www.w3schools.com/css/css_colors.asp this page] (at [http://www.w3schools.com/ W3schools.com]). (Whether or not a colour is “web safe” for monitors that can only display 256 colours is no longer an issue. By contrast, legibility ''is'' an issue.) Certain ''named'' colours are also possible; for a list arranged by colour, see [http://www.w3schools.com/css/css_colorsfull.asp this page] (also at W3schools.com).</ref> Where, as here, four values are given for the margin, they’re set clockwise from the top; so “1em 1em 1em 0” means no margin on the left but a one-em<ref name="em">The ''em'' is a typographic unit of length, in practice roughly equal to the height of the particular font.</ref> margin on each of the other three sides. (For more on “floating”, see [[#Floating|below]].)
  
 
{|class="toccolours" border="1" style="background-color:#ffeeee; float:right; margin:1em 0 1em 1em; border-collapse:collapse;"
 
{|class="toccolours" border="1" style="background-color:#ffeeee; float:right; margin:1em 0 1em 1em; border-collapse:collapse;"
Line 516: Line 516:
 
|}
 
|}
  
Secondly, “'''<nowiki>{|class="toccolours" border="1" style="background-color:#ffeeee; float:right; margin:1em 0 1em 1em; border-collapse:collapse;"</nowiki>'''”<ref name="nospace" /> will “float” a table to the right. The particular table here has a light pink background thanks to “ffeeee”: the “ff” at the start means the maximum level of red, while the first and the second “ee” mean a high level of green and blue respectively.<ref name="hexcolors" /><ref name="colorspelling" /> The margins of “1em 0 1em 1em” mean no margin on the right but a one-em<ref name="em" /> margin on each of the other three sides.
+
Secondly, <code style="padding:1pt; border:1pt dotted #006">{|class="toccolours" border="1" style="background-color:#ffeeee; float:right; margin:1em 0 1em 1em; border-collapse:collapse;"</code><ref name="nospace" /> will “float” a table to the right. The particular table here has a light pink background thanks to “ffeeee”: the “ff” at the start means the maximum level of red, while the first and the second “ee” mean a high level of green and blue respectively.<ref name="hexcolors" /><ref name="colorspelling" /> The margins of “1em 0 1em 1em” mean no margin on the right but a one-em<ref name="em" /> margin on each of the other three sides.
  
 
====More on tables====
 
====More on tables====
Line 536: Line 536:
 
</div>
 
</div>
  
Note (i) the semicolon (“''';'''”) at the start (and necessarily at the very start of the line), and (ii) the colon (“''':'''”) separating term and definition.<ref>In various wikis, a line-starting semicolon is often used to create a quasi-header that will not appear in the table of contents. This is poor practice, as the line-starting semicolon triggers generation by the [[Wikipedia:MediaWiki|MediaWiki]] software of the header-irrelevant [[Wikipedia:XHTML|XHTML]] definition markup <nowiki><dl><dd>...</dd></dl></nowiki>. If you want such a quasi-header, simply use regular, treble-apostrophe bolding for it.</ref>
+
Note (i) the semicolon (<code style="padding:1pt; border:1pt dotted #006">;</code>) at the start (and necessarily at the very start of the line), and (ii) the colon (<code style="padding:1pt; border:1pt dotted #006">:</code>) separating term and definition.<ref>In various wikis, a line-starting semicolon is often used to create a quasi-header that will not appear in the table of contents. This is poor practice, as the line-starting semicolon triggers generation by the [[Wikipedia:MediaWiki|MediaWiki]] software of the header-irrelevant [[Wikipedia:XHTML|XHTML]] definition markup <code style="padding:1pt; border:1pt dotted #006"><nowiki><dl><dd>...</dd></dl></nowiki></code>. If you want such a quasi-header, simply use regular, treble-apostrophe bolding for it.</ref>
  
 
==Avoiding special effects==
 
==Avoiding special effects==
Line 542: Line 542:
 
You may be wondering how it is that this page is able to show all the code. (For example, if code shows how to create a table, why doesn’t it create the table right there and then?)
 
You may be wondering how it is that this page is able to show all the code. (For example, if code shows how to create a table, why doesn’t it create the table right there and then?)
  
The answer is the heavy use here of the “'''<nowiki><nowiki></nowiki>'''” tag. But this tag isn’t only useful in such minor and peripheral areas of Camera-wiki.org as explanations of markup; it’s also useful in regular articles.
+
The answer is the heavy use here of the <code style="padding:1pt; border:1pt dotted #006">&lt;nowiki&gt;</code> tag. But this tag isn’t only useful in such minor and peripheral areas of Camera-wiki.org as explanations of markup; it’s also useful in regular articles.
  
 
As an example, suppose we want to use the ''definitions'' markup ([[#Definitions|above]]) to create a definition for “3:2” (the aspect ratio). As we’ve seen, the pattern is (on a new line): ''semicolon, term to be defined, colon, definition.'' And so:
 
As an example, suppose we want to use the ''definitions'' markup ([[#Definitions|above]]) to create a definition for “3:2” (the aspect ratio). As we’ve seen, the pattern is (on a new line): ''semicolon, term to be defined, colon, definition.'' And so:
Line 554: Line 554:
 
;3:2:An ''aspect ratio'' (q.v.) in common use in photography [...]
 
;3:2:An ''aspect ratio'' (q.v.) in common use in photography [...]
  
The problem is of course that the first colon is misinterpreted as having special significance. What we need to do is suppress this significance, using “'''<nowiki><nowiki>...&lt;/nowiki></nowiki>'''”:
+
The problem is of course that the first colon is misinterpreted as having special significance. What we need to do is suppress this significance, using <code style="padding:1pt; border:1pt dotted #006"><nowiki><nowiki>...&lt;/nowiki></nowiki></code>:
  
 
<div style="max-width:60em; padding:5px; margin-left:30px; color:#000; background-color:#ddf;">
 
<div style="max-width:60em; padding:5px; margin-left:30px; color:#000; background-color:#ddf;">
Line 572: Line 572:
 
First, the apostrophes.  
 
First, the apostrophes.  
  
Use two apostrophes in order to start '''italicizing''' and to end it: “'''<nowiki>''Asahi Camera''</nowiki>'''” brings “''Asahi Camera''”.  
+
Use two apostrophes in order to start '''italicizing''' and to end it: <code style="padding:1pt; border:1pt dotted #006"><nowiki>''Asahi Camera''</nowiki></code> brings “''Asahi Camera''”.  
  
Use three apostrophes in order to start '''boldface''' and to end it: “'''<nowiki>The '''Bronica S2a''' was [...]</nowiki>'''” brings “The '''Bronica S2a''' was [...]”.
+
Use three apostrophes in order to start '''boldface''' and to end it: <code style="padding:1pt; border:1pt dotted #006"><nowiki>The '''Bronica S2a''' was [...]</nowiki></code> brings “The '''Bronica S2a''' was [...]”.
  
And yes, boldface can be added to italics and vice versa; as a simple example (turning both on and off at the same place): “'''<nowiki>The Japanese magazine '''''Asahi Camera''''' was [...]</nowiki>'''” brings “The Japanese magazine '''''Asahi Camera''''' was [...]”.  
+
And yes, boldface can be added to italics and vice versa; as a simple example (turning both on and off at the same place): <code style="padding:1pt; border:1pt dotted #006"><nowiki>The Japanese magazine '''''Asahi Camera''''' was [...]</nowiki></code> brings “The Japanese magazine '''''Asahi Camera''''' was [...]”.  
  
 
(Camera-wiki.org typically uses boldface at the very start of an article; it uses it only sparingly elsewhere. ''This'' page is of course unusual.)
 
(Camera-wiki.org typically uses boldface at the very start of an article; it uses it only sparingly elsewhere. ''This'' page is of course unusual.)
  
Secondly, the XHTML tags (which are rarely needed). You mark the start of an area needing some change with “'''&lt;'''XXX'''&gt;'''” and you mark its end with “'''&lt;/'''XXX'''&gt;'''” &mdash; though not “XXX” but instead one of “sup”, “sub” and “small”, as explained below:
+
Secondly, the XHTML tags (which are rarely needed). You mark the start of an area needing some change with <code style="padding:1pt; border:1pt dotted #006">&lt;'''XXX'''&gt;</code> and you mark its end with <code style="padding:1pt; border:1pt dotted #006">&lt;/'''XXX'''&gt;</code> &mdash; though not “XXX” but instead one of “sup”, “sub” and “small”, as explained below:
  
For '''superscripted''' text: “'''<nowiki>marketed as the "330<sup>D</sup>" in Europe</nowiki>'''” brings “marketed as the "330<sup>D</sup>" in Europe”.
+
For '''superscripted''' text: <code style="padding:1pt; border:1pt dotted #006"><nowiki>marketed as the "330<sup>D</sup>" in Europe</nowiki></code> brings “marketed as the "330<sup>D</sup>" in Europe”.
  
For '''subscripted''' text: “'''<nowiki>marketed as the "<sub>A</sub>41" in Japan</nowiki>'''” brings “marketed as the "<sub>A</sub>41" in Japan”.
+
For '''subscripted''' text: <code style="padding:1pt; border:1pt dotted #006"><nowiki>marketed as the "<sub>A</sub>41" in Japan</nowiki></code> brings “marketed as the "<sub>A</sub>41" in Japan”.
  
For '''small''' text:<ref>Only very rarely needed. Where it is appropriate (in certain kinds of image captions, etc.), the particular template usually automates it.</ref> “'''<nowiki><small>[not verified]</small></nowiki>'''” brings “<small>[not verified]</small>”.
+
For '''small''' text:<ref>Only very rarely needed. Where it is appropriate (in certain kinds of image captions, etc.), the particular template usually automates it.</ref> <code style="padding:1pt; border:1pt dotted #006"><nowiki><small>[not verified]</small></nowiki></code> brings “<small>[not verified]</small>”.
  
For '''underlined''' text:<ref>Again, very rarely needed, other than perhaps for transcribing inscriptions. Hard to read, and easily confused with a link.</ref> “'''<nowiki><span style="text-decoration:underline">XYZ</span></nowiki>'''” brings “<span style="text-decoration:underline">XYZ</span>”.<ref name="deprecated_alternative">Other wikis recommend a simpler way of doing this; however, this involves mark-up that is “[[Wikipedia:Deprecation|deprecated]]” (i.e. obsolete and disapproved by [[Wikipedia:World Wide Web Consortium|W3C]]).</ref>
+
For '''underlined''' text:<ref>Again, very rarely needed, other than perhaps for transcribing inscriptions. Hard to read, and easily confused with a link.</ref> <code style="padding:1pt; border:1pt dotted #006"><nowiki><span style="text-decoration:underline">XYZ</span></nowiki></code> brings “<span style="text-decoration:underline">XYZ</span>”.<ref name="deprecated_alternative">Other wikis recommend a simpler way of doing this; however, this involves mark-up that is “[[Wikipedia:Deprecation|deprecated]]” (i.e. obsolete and disapproved by [[Wikipedia:World Wide Web Consortium|W3C]]).</ref>
  
For '''struck out''' text:<ref>Again, very rarely needed, other than perhaps for quasi-deleting your own comment in a talk page after you have realized that it is mistaken. (Normally, old comments should ''not'' be deleted.)</ref> “'''<nowiki><span style="text-decoration:line-through">XYZ</span></nowiki>'''” brings “<span style="text-decoration:line-through">XYZ</span>”.<ref name="deprecated_alternative" />
+
For '''struck out''' text:<ref>Again, very rarely needed, other than perhaps for quasi-deleting your own comment in a talk page after you have realized that it is mistaken. (Normally, old comments should ''not'' be deleted.)</ref> <code style="padding:1pt; border:1pt dotted #006"><nowiki><span style="text-decoration:line-through">XYZ</span></nowiki></code> brings “<span style="text-decoration:line-through">XYZ</span>”.<ref name="deprecated_alternative" />
  
 
Editors familiar with [[Wikipedia:Cascading Style Sheets|CSS]] can also use other ''property:value'' pairs within '''&lt;span style="'''''[CSS rules]'''''"&gt;''' and '''&lt;/span&gt;'''. (But with restraint, please!)
 
Editors familiar with [[Wikipedia:Cascading Style Sheets|CSS]] can also use other ''property:value'' pairs within '''&lt;span style="'''''[CSS rules]'''''"&gt;''' and '''&lt;/span&gt;'''. (But with restraint, please!)
Line 605: Line 605:
 
The inequality signs will seldom be useful in the context of cameras; but as Pentax has a camera called “*ist”, perhaps some company will use one or other of these within a trademark. If you do ever need them, type “'''&amp;lt;'''” and “'''&amp;gt;'''” respectively. (These are mnemonic; “lt” and “gt” stand for “less than” and “greater than” respectively.)
 
The inequality signs will seldom be useful in the context of cameras; but as Pentax has a camera called “*ist”, perhaps some company will use one or other of these within a trademark. If you do ever need them, type “'''&amp;lt;'''” and “'''&amp;gt;'''” respectively. (These are mnemonic; “lt” and “gt” stand for “less than” and “greater than” respectively.)
  
The vertical line, or pipe, is again rarely useful, and is unlikely to be troublesome outside tables. The workaround is “'''&amp;#124;'''”.
+
The vertical line, or pipe, is again rarely useful, and is unlikely to be troublesome outside tables. The workaround is <code style="padding:1pt; border:1pt dotted #006">&amp;#124;</code>.
  
Trouble with double quotation marks arises only in vanishingly rare conditions; but if they ever are problematic, the workaround is “'''&amp;quot;'''”.
+
Trouble with double quotation marks arises only in vanishingly rare conditions; but if they ever are problematic, the workaround is <code style="padding:1pt; border:1pt dotted #006">&amp;quot;</code>.
  
 
===Characters not on your keyboard===
 
===Characters not on your keyboard===
Line 613: Line 613:
 
As for all the characters that aren’t on most people’s keyboards and that are occasionally useful &mdash; áàäâāăãåą and more &mdash; you can do any of the following:
 
As for all the characters that aren’t on most people’s keyboards and that are occasionally useful &mdash; áàäâāăãåą and more &mdash; you can do any of the following:
 
*copy them from elsewhere and paste them
 
*copy them from elsewhere and paste them
*insert them via the “numeric references” (eg “'''&amp;#333;'''” for “&#333;”) or named “character entities” (eg “'''&amp;uuml;'''” for “&uuml;”) that are standard for HTML or [[Wikipedia:XHTML|XHTML]] in regular web pages
+
*insert them via the “numeric references” (eg <code style="padding:1pt; border:1pt dotted #006">&amp;#333;</code> for “&#333;”) or named “character entities” (eg <code style="padding:1pt; border:1pt dotted #006">&amp;uuml;</code> for “&uuml;”) that are standard for HTML or [[Wikipedia:XHTML|XHTML]] in regular web pages
 
*insert them in whatever is the normal way for you
 
*insert them in whatever is the normal way for you
  
Line 619: Line 619:
  
 
====Arithmetical symbols====
 
====Arithmetical symbols====
* “'''&amp;times;'''” gives the multiplication symbol, in for example “6'''&times;'''9&nbsp;cm”
+
* <code style="padding:1pt; border:1pt dotted #006">&amp;times;</code> gives the multiplication symbol, in for example “6'''&times;'''9&nbsp;cm”
* “'''&amp;minus;'''” gives the minus sign, in for example “'''&minus;'''3 stops”
+
* <code style="padding:1pt; border:1pt dotted #006">&amp;minus;</code> gives the minus sign, in for example “'''&minus;'''3 stops”
* “'''&amp;plusmn;'''” gives the plus-or-minus sign, in for example “'''±'''2 EV”
+
* <code style="padding:1pt; border:1pt dotted #006">&amp;plusmn;</code> gives the plus-or-minus sign, in for example “'''±'''2 EV”
* “'''&amp;frac14;'''”, “'''&amp;frac12;'''” and “'''&amp;frac34;'''” give the fractions “'''&frac14;'''”, “'''&frac12;'''”, and “'''&frac34;'''”
+
* <code style="padding:1pt; border:1pt dotted #006">&amp;frac14;</code>, <code style="padding:1pt; border:1pt dotted #006">&amp;frac12;</code> and <code style="padding:1pt; border:1pt dotted #006">&amp;frac34;</code> give the fractions “'''&frac14;'''”, “'''&frac12;'''”, and “'''&frac34;'''”
* “'''&amp;sup2;'''” and “'''&amp;sup3;'''” give “'''&sup2;'''” and “'''&sup3;'''” respectively
+
* <code style="padding:1pt; border:1pt dotted #006">&amp;sup2;</code> and <code style="padding:1pt; border:1pt dotted #006">&amp;sup3;</code> give “'''&sup2;'''” and “'''&sup3;'''” respectively
* “'''&amp;micro;'''” gives the “micro” prefix, “'''&micro;'''”<ref>Despite being its origin and visually identical, the Greek letter “&mu;” is correctly separate in [[Wikipedia:Unicode|Unicode]], and given by &amp;mu;.</ref>
+
* <code style="padding:1pt; border:1pt dotted #006">&amp;micro;</code> gives the “micro” prefix, “'''&micro;'''”<ref>Despite being its origin and visually identical, the Greek letter “&mu;” is correctly separate in [[Wikipedia:Unicode|Unicode]], and given by <code style="padding:1pt; border:1pt dotted #006">&amp;mu;</code>.</ref>
  
 
====Unit symbols====
 
====Unit symbols====
* “'''&amp;deg;'''”, “'''&amp;prime;'''”, “'''&amp;Prime;'''” for “'''&deg;'''” (degree), “'''&prime;'''” (minute), “'''&Prime;'''” (second)
+
* <code style="padding:1pt; border:1pt dotted #006">&amp;deg;</code>, <code style="padding:1pt; border:1pt dotted #006">&amp;prime;</code>, <code style="padding:1pt; border:1pt dotted #006">&amp;Prime;</code> for “'''&deg;'''” (degree), “'''&prime;'''” (minute), “'''&Prime;'''” (second)
* “'''&amp;euro;'''” for “'''&euro;'''” (euro), “'''&amp;#8355;'''” for “'''&#8355;'''” (French franc), “'''&amp;pound;'''” for “'''&pound;'''” (pound),  “'''&amp;#8356;'''” for “'''&#8356;'''” (lira), “'''&amp;yen;'''” for “'''&yen;'''” (yen)
+
* <code style="padding:1pt; border:1pt dotted #006">&amp;euro;</code> for “'''&euro;'''” (euro), <code style="padding:1pt; border:1pt dotted #006">&amp;#8355;</code> for “'''&#8355;'''” (French franc), <code style="padding:1pt; border:1pt dotted #006">&amp;pound;</code> for “'''&pound;'''” (pound),  <code style="padding:1pt; border:1pt dotted #006">&amp;#8356;</code> for “'''&#8356;'''” (lira), <code style="padding:1pt; border:1pt dotted #006">&amp;yen;</code> for “'''&yen;'''” (yen)
  
 
For more, see “[http://www.alanwood.net/unicode/currency_symbols.html Currency Symbols]”, within “[http://www.alanwood.net/unicode/ Alan Wood’s Unicode Resources]”.
 
For more, see “[http://www.alanwood.net/unicode/currency_symbols.html Currency Symbols]”, within “[http://www.alanwood.net/unicode/ Alan Wood’s Unicode Resources]”.
Line 662: Line 662:
 
For vowel letters with diacritics, see the table to the right. Also useful for these languages are:
 
For vowel letters with diacritics, see the table to the right. Also useful for these languages are:
  
*Ligatures: &amp;aelig;for “'''&aelig;'''”; &amp;AElig;for “'''&AElig;'''”; &amp;oelig;for “'''&oelig;'''”; &amp;OElig;for “'''&OElig;'''”; &amp;szlig;for “'''&szlig;'''”<ref>This “&szlig;” is the ''Eszett'' or ''scharfes S'' of German, suitable for transcribing German inscriptions and so forth. Usually it is better simply rendered as “ss” within an English-language context. Do not use it for lowercase Greek ''beta'' “β”, which is instead rendered by &amp;beta;.</ref>
+
*Ligatures: <code style="padding:1pt; border:1pt dotted #006">&amp;aelig;</code> for “'''&aelig;'''”; <code style="padding:1pt; border:1pt dotted #006">&amp;AElig;</code> for “'''&AElig;'''”; <code style="padding:1pt; border:1pt dotted #006">&amp;oelig;</code> for “'''&oelig;'''”; <code style="padding:1pt; border:1pt dotted #006">&amp;OElig;</code> for “'''&OElig;'''”; <code style="padding:1pt; border:1pt dotted #006">&amp;szlig;</code> for “'''&szlig;'''”<ref>This “&szlig;” is the ''Eszett'' or ''scharfes S'' of German, suitable for transcribing German inscriptions and so forth. Usually it is better simply rendered as “ss” within an English-language context. Do not use it for lowercase Greek ''beta'' “β”, which is instead rendered by <code style="padding:1pt; border:1pt dotted #006">&amp;beta;</code>.</ref>
*Cedilla: &amp;ccedil;for “'''ç'''”; &amp;Ccedil;for “'''Ç'''”
+
*Cedilla: <code style="padding:1pt; border:1pt dotted #006">&amp;ccedil;</code> for “'''ç'''”; <code style="padding:1pt; border:1pt dotted #006">&amp;Ccedil;</code> for “'''Ç'''”
  
 
Of course names in languages other than English, French, German and Japanese should also be given precisely. (See for example “[[Saulutė]]”, an article on a Lithuanian light meter, the dotted final letter of whose name must be distinguished from the [[Wikipedia:Lithuanian language|Lithuanian]] alternatives “e” and “ę”.) Other combinations with diacritics (as well as letters not used for any of these languages) can be found in:
 
Of course names in languages other than English, French, German and Japanese should also be given precisely. (See for example “[[Saulutė]]”, an article on a Lithuanian light meter, the dotted final letter of whose name must be distinguished from the [[Wikipedia:Lithuanian language|Lithuanian]] alternatives “e” and “ę”.) Other combinations with diacritics (as well as letters not used for any of these languages) can be found in:
Line 673: Line 673:
 
====Greek letters====
 
====Greek letters====
  
The standard, unaccented Greek letters have easily remembered character entity references: between the “'''&'''” and the “''';'''” is the name of the letter, spelled as is usual in English but with the first letter of this name lowercase or capital for a lowercase or capital Greek letter respectively.
+
The standard, unaccented Greek letters have easily remembered character entity references: between the <code style="padding:1pt; border:1pt dotted #006">&</code> and the <code style="padding:1pt; border:1pt dotted #006">;</code> is the name of the letter, spelled as is usual in English but with the first letter of this name lowercase or capital for a lowercase or capital Greek letter respectively.
  
For example, “'''&amp;theta;'''” and  “'''&amp;Theta;'''” bring “'''&theta;'''” (lowercase ''theta'') and  “'''&Theta;'''” (capital ''theta'') respectively.
+
For example, <code style="padding:1pt; border:1pt dotted #006">&amp;theta;</code> and  <code style="padding:1pt; border:1pt dotted #006">&amp;Theta;</code> bring “'''&theta;'''” (lowercase ''theta'') and  “'''&Theta;'''” (capital ''theta'') respectively.
  
 
“[http://www.alanwood.net/unicode/greek.html Greek and Coptic]” (in “[http://www.alanwood.net/unicode/ Alan Wood’s Unicode Resources]”), provides all the information needed.
 
“[http://www.alanwood.net/unicode/greek.html Greek and Coptic]” (in “[http://www.alanwood.net/unicode/ Alan Wood’s Unicode Resources]”), provides all the information needed.
  
 
====Punctuation, line-break related symbols, etc.====
 
====Punctuation, line-break related symbols, etc.====
* “'''&amp;ndash;'''” and “'''&amp;mdash;'''” give “'''&ndash;'''” (en dash) and “'''&mdash;'''” (em dash) respectively<ref>The minus symbol is different: “&amp;minus;”.</ref>
+
* <code style="padding:1pt; border:1pt dotted #006">&amp;ndash;</code> and <code style="padding:1pt; border:1pt dotted #006">&amp;mdash;</code> give “'''&ndash;'''” (en dash) and “'''&mdash;'''” (em dash) respectively<ref>The minus symbol is different: “&amp;minus;”.</ref>
* “'''&amp;para;'''” and “'''&amp;sect;'''” give “'''&para;'''” and “'''&sect;'''” respectively  
+
* <code style="padding:1pt; border:1pt dotted #006">&amp;para;</code> and <code style="padding:1pt; border:1pt dotted #006">&amp;sect;</code> give “'''&para;'''” and “'''&sect;'''” respectively  
* “'''&amp;copy;'''” gives the copyright symbol “'''&copy;'''”<ref>[[Wikipedia:Unicode|Unicode]] does not provide a copyleft symbol like that within the “GNU FDL free doc license” graphic on this page.</ref>
+
* <code style="padding:1pt; border:1pt dotted #006">&amp;copy;</code> gives the copyright symbol “'''&copy;'''”<ref>[[Wikipedia:Unicode|Unicode]] does not provide a copyleft symbol like that within the “GNU FDL free doc license” graphic on this page.</ref>
  
“'''&amp;nbsp;'''” creates a non-breaking space, one that will not break over two lines; useful if (for example) you don’t want the “A” to be separated from the “Ikonta” in “Ikonta&nbsp;A”.
+
<code style="padding:1pt; border:1pt dotted #006">&amp;nbsp;</code> creates a non-breaking space, one that will not break over two lines; useful if (for example) you don’t want the “A” to be separated from the “Ikonta” in “Ikonta&nbsp;A”.
  
Don’t attempt to insert soft hyphens. For a non-breaking hyphen, use “'''&amp;#8209;'''”.
+
Don’t attempt to insert soft hyphens. For a non-breaking hyphen, use <code style="padding:1pt; border:1pt dotted #006">&amp;#8209;</code>.
  
 
For more characters, see:
 
For more characters, see:
Line 701: Line 701:
 
If you know [[Wikipedia:Cascading Style Sheets|CSS]], you can make judicious use of the '''div''' element with the '''style''' attribute for page layout. An example follows.  
 
If you know [[Wikipedia:Cascading Style Sheets|CSS]], you can make judicious use of the '''div''' element with the '''style''' attribute for page layout. An example follows.  
  
Use “'''&lt;div class="center" style="width:auto; margin-left:auto; margin-right:auto;"&gt;'''” to start, and “'''&lt;/div&gt;'''” to end, a block of text that you want centred.
+
Use <code style="padding:1pt; border:1pt dotted #006">&lt;div class="center" style="width:auto; margin-left:auto; margin-right:auto;"&gt;</code> to start, and <code style="padding:1pt; border:1pt dotted #006">&lt;/div&gt;</code> to end, a block of text that you want centred.
  
 
===Floating===
 
===Floating===
Line 707: Line 707:
 
In this section, the discussion gets a little advanced. If this doesn’t interest you (or repels you), feel free to skip it: another editor who finds this work more palatable will be able to do it where desirable.
 
In this section, the discussion gets a little advanced. If this doesn’t interest you (or repels you), feel free to skip it: another editor who finds this work more palatable will be able to do it where desirable.
  
[[#Float_first_mention|Above]], we’ve seen how to “float” a narrow table to the left or right. Other “block-level elements” (as they’re called in [[Wikipedia:XHTML|XHTML]] and HTML) can be floated too; for Camera-wiki.org, this generally means the content of a “'''div'''” element.
+
[[#Float_first_mention|Above]], we’ve seen how to “float” a narrow table to the left or right. Other “block-level elements” (as they’re called in [[Wikipedia:XHTML|XHTML]] and HTML) can be floated too; for Camera-wiki.org, this generally means the content of a <code style="padding:1pt; border:1pt dotted #006">div</code> element.
  
Floating involves [[Wikipedia:Cascading Style Sheets|CSS]]. For a “'''div'''” element to float, its opening tag must contain “'''style="'''''[rules separated by semicolons]'''''"'''”, and one of these rules must be “'''float:left'''” or “'''float:right'''”. The former floats the element to the left; the latter floats it to the right; other material is allowed to wrap around it.
+
Floating involves [[Wikipedia:Cascading Style Sheets|CSS]]. For a <code style="padding:1pt; border:1pt dotted #006">div</code> element to float, its opening tag must contain <code style="padding:1pt; border:1pt dotted #006">style="'''''[rules separated by semicolons]'''''"</code>, and one of these rules must be <code style="padding:1pt; border:1pt dotted #006">float:left</code> or <code style="padding:1pt; border:1pt dotted #006">float:right</code>. The former floats the element to the left; the latter floats it to the right; other material is allowed to wrap around it.
  
In order to avoid ugly scrapes against text, the floated element should normally have margins specified. this is done with another CSS rule, “'''margin:T&nbsp;R&nbsp;B&nbsp;L'''”, where T, R, B and L are respectively the top, right, bottom and left margins (i.e. clockwise from the top). A margin of zero need not have the unit specified; any non-zero margin needs a unit. Here, let’s use pixels. The abbreviation for them is “'''px'''”, and (like any unit in CSS) it is not preceded by a space.
+
In order to avoid ugly scrapes against text, the floated element should normally have margins specified. this is done with another CSS rule, <code style="padding:1pt; border:1pt dotted #006">margin:T&nbsp;R&nbsp;B&nbsp;L</code>, where T, R, B and L are respectively the top, right, bottom and left margins (i.e. clockwise from the top). A margin of zero need not have the unit specified; any non-zero margin needs a unit. Here, let’s use pixels. The abbreviation for them is <code style="padding:1pt; border:1pt dotted #006">px</code>, and (like any unit in CSS) it is not preceded by a space.
  
 
Typically floated elements only benefit from a margin at the side to which there may be text, and below. The two examples below each have a five-pixel margin below and at one side:
 
Typically floated elements only benefit from a margin at the side to which there may be text, and below. The two examples below each have a five-pixel margin below and at one side:
Line 729: Line 729:
 
Simply, “clearing” gets under what’s “[[#Floating|floated]]”; if nothing has been directed to float, there’s never a need to “clear”.
 
Simply, “clearing” gets under what’s “[[#Floating|floated]]”; if nothing has been directed to float, there’s never a need to “clear”.
  
If something is floating to the right and there is space to its left, an element (paragraph, header, etc.), will start to its left. To prevent this from happening, you need to get the element to clear its left-hand side. You do this with inline [[Wikipedia:Cascading Style Sheets|CSS]], and specifically the rule “'''clear:left'''”.  
+
If something is floating to the right and there is space to its left, an element (paragraph, header, etc.), will start to its left. To prevent this from happening, you need to get the element to clear its left-hand side. You do this with inline [[Wikipedia:Cascading Style Sheets|CSS]], and specifically the rule <code style="padding:1pt; border:1pt dotted #006">clear:left</code>.  
  
Inline CSS requires the “'''style'''” attribute, which in turn requires an [[Wikipedia:XHTML|XHTML]] tag. Partly because wiki text seldom requires these (for example, it’s rare for a paragraph in wiki text to be explicitly opened and closed<ref>However, this is possible, and it can be used for this purpose. The markup for a regular paragraph is “'''&lt;p&gt;''' ... '''&lt;/p&gt;'''”; and that for a paragraph that clears anything at its left is “'''&lt;p&nbsp;style="clear:left"&gt;''' ... '''&lt;/p&gt;'''”.</ref>), and partly out of habit, wiki editors often use a “styled” line break for this: “'''&lt;br&nbsp;style="clear:left"&nbsp;/&gt;'''”. To obtain this with fewer keystrokes instead type the [[#Templates and transclusion|substituted template]] “'''<nowiki>{{subst:brl}}</nowiki>'''”.  
+
Inline CSS requires the <code style="padding:1pt; border:1pt dotted #006">style</code> attribute, which in turn requires an [[Wikipedia:XHTML|XHTML]] tag. Partly because wiki text seldom requires these (for example, it’s rare for a paragraph in wiki text to be explicitly opened and closed<ref>However, this is possible, and it can be used for this purpose. The markup for a regular paragraph is <code style="padding:1pt; border:1pt dotted #006">&lt;p&gt; ... &lt;/p&gt;</code>; and that for a paragraph that clears anything at its left is <code style="padding:1pt; border:1pt dotted #006">&lt;p&nbsp;style="clear:left"&gt; ... &lt;/p&gt;</code>.</ref>), and partly out of habit, wiki editors often use a “styled” line break for this: <code style="padding:1pt; border:1pt dotted #006">&lt;br&nbsp;style="clear:left"&nbsp;/&gt;</code>. To obtain this with fewer keystrokes instead type the [[#Templates and transclusion|substituted template]] <code style="padding:1pt; border:1pt dotted #006"><nowiki>{{subst:brl}}</nowiki></code>.  
  
Likewise, if something is floating to the left and there is space to its right, an element (paragraph, header, etc.), will start there. To prevent this from happening, you need to get the element to clear its right-hand side. You do this with the CSS rule “'''clear:left'''”. A common way to do this is with “'''&lt;br&nbsp;style="clear:right"&nbsp;/&gt;'''”; you can get this by typing “'''<nowiki>{{subst:brr}}</nowiki>'''”.  
+
Likewise, if something is floating to the left and there is space to its right, an element (paragraph, header, etc.), will start there. To prevent this from happening, you need to get the element to clear its right-hand side. You do this with the CSS rule <code style="padding:1pt; border:1pt dotted #006">clear:left</code>. A common way to do this is with <code style="padding:1pt; border:1pt dotted #006">&lt;br&nbsp;style="clear:right"&nbsp;/&gt;</code>; you can get this by typing <code style="padding:1pt; border:1pt dotted #006"><nowiki>{{subst:brr}}</nowiki></code>.  
  
Or you can prevent material from being on either side, by using the CSS rule “'''clear:both'''”. A common way to do this is with “'''&lt;br&nbsp;style="clear:both"&nbsp;/&gt;'''”; you can get this by typing “'''<nowiki>{{subst:br}}</nowiki>'''”.
+
Or you can prevent material from being on either side, by using the CSS rule <code style="padding:1pt; border:1pt dotted #006">clear:both</code>. A common way to do this is with <code style="padding:1pt; border:1pt dotted #006">&lt;br&nbsp;style="clear:both"&nbsp;/&gt;</code>; you can get this by typing <code style="padding:1pt; border:1pt dotted #006"><nowiki>{{subst:br}}</nowiki></code>.
  
 
==Links==
 
==Links==
Line 749: Line 749:
  
 
====Linking to another page====
 
====Linking to another page====
Camera-wiki.org has a page titled “Pearlette”. The simple way to link to it is “'''<nowiki>[[Pearlette]]</nowiki>'''” (for “[[Pearlette]]”).  
+
Camera-wiki.org has a page titled “Pearlette”. The simple way to link to it is <code style="padding:1pt; border:1pt dotted #006"><nowiki>[[Pearlette]]</nowiki></code> (for “[[Pearlette]]”).  
  
If it helps to link to this page but use another name for it, this other name follows the title and the pipe character (“|”): “'''<nowiki>[[Pearlette|Konishiroku Pearlette]]</nowiki>'''” (for “[[Pearlette|Konishiroku Pearlette]]”).
+
If it helps to link to this page but use another name for it, this other name follows the title and the pipe character (“|”): <code style="padding:1pt; border:1pt dotted #006"><nowiki>[[Pearlette|Konishiroku Pearlette]]</nowiki></code> (for “[[Pearlette|Konishiroku Pearlette]]”).
  
The ''case'' (capital versus lowercase) of the first letter doesn’t matter. Camera-wiki.org has an article “Light meter”, but a link to “'''<nowiki>[[light meter]]</nowiki>'''” works for it: “[[light meter]]”.
+
The ''case'' (capital versus lowercase) of the first letter doesn’t matter. Camera-wiki.org has an article “Light meter”, but a link to <code style="padding:1pt; border:1pt dotted #006"><nowiki>[[light meter]]</nowiki></code> works for it: “[[light meter]]”.
  
What immediately follows such an internal link (and is not separated by a space, an apostrophe, etc.) is visually “blended” into the link. Thus “'''<nowiki>[[light meter]]s</nowiki>'''” ''appears'' as a link to “light meters”, plural (“[[light meter]]s”), but actually links to the title within the brackets.<ref>On rare occasion this “blending” isn’t wanted. It can then be suppressed via the “'''<nowiki><nowiki></nowiki>'''” tag. Thus although “'''<nowiki>[[light meter]]ed</nowiki>'''” appears as “[[light meter]]ed” (perhaps giving the misleading impression of an article about the process of metering), “'''<nowiki>[[light meter]]<nowiki>ed&lt;/nowiki></nowiki>'''” appears as “[[light meter]]<nowiki>ed</nowiki>”.</ref>
+
What immediately follows such an internal link (and is not separated by a space, an apostrophe, etc.) is visually “blended” into the link. Thus <code style="padding:1pt; border:1pt dotted #006"><nowiki>[[light meter]]s</nowiki></code> ''appears'' as a link to “light meters”, plural (“[[light meter]]s”), but actually links to the title within the brackets.<ref>On rare occasion this “blending” isn’t wanted. It can then be suppressed via the <code style="padding:1pt; border:1pt dotted #006"><nowiki><nowiki></nowiki></code> tag. Thus although <code style="padding:1pt; border:1pt dotted #006"><nowiki>[[light meter]]ed</nowiki></code> appears as “[[light meter]]ed” (perhaps giving the misleading impression of an article about the process of metering), <code style="padding:1pt; border:1pt dotted #006"><nowiki>[[light meter]]<nowiki>ed&lt;/nowiki></nowiki></code> appears as “[[light meter]]<nowiki>ed</nowiki>”.</ref>
  
 
When followed by nothing at all, the pipe character (“|”) performs either of two tricks:
 
When followed by nothing at all, the pipe character (“|”) performs either of two tricks:
*It hides title endings in parentheses: “'''<nowiki>[[Semi Wester (postwar)|]]</nowiki>'''” for “[[Semi Wester (postwar)|Semi Wester]]”.
+
*It hides title endings in parentheses: <code style="padding:1pt; border:1pt dotted #006"><nowiki>[[Semi Wester (postwar)|]]</nowiki></code> for “[[Semi Wester (postwar)|Semi Wester]]”.
*It hides certain (although not all) namespace prefixes: “'''<nowiki>[[Help:Adding images|]]</nowiki>'''” for “[[Help:Adding images|Adding images]]”.
+
*It hides certain (although not all) namespace prefixes: <code style="padding:1pt; border:1pt dotted #006"><nowiki>[[Help:Adding images|]]</nowiki></code> for “[[Help:Adding images|Adding images]]”.
It also does ''both'' of these: “'''<nowiki>[[Template:Japanese 6×6 TLR (A–L)|]]</nowiki>'''” for “[[Template:Japanese 6×6 TLR (A–L)|Japanese 6×6 TLR]]”.
+
It also does ''both'' of these: <code style="padding:1pt; border:1pt dotted #006"><nowiki>[[Template:Japanese 6×6 TLR (A–L)|]]</nowiki></code> for “[[Template:Japanese 6×6 TLR (A–L)|Japanese 6×6 TLR]]”.
  
 
====Linking to a point within a page====
 
====Linking to a point within a page====
Link to a given header within another page via “'''<nowiki>[[Article_title#Header|Text]]</nowiki>'''”. (Find the right form of the header by examining the URL as shown in your browser after you have clicked its title within the table of contents.)  
+
Link to a given header within another page via <code style="padding:1pt; border:1pt dotted #006"><nowiki>[[Article_title#Header|Text]]</nowiki></code>. (Find the right form of the header by examining the URL as shown in your browser after you have clicked its title within the table of contents.)  
  
For example, “'''<nowiki>[[Olympus#Pen_Digital_.28micro_four_thirds.29|µ4/3 Pen]]</nowiki>'''” for “[[Olympus#Pen_Digital_.28micro_four_thirds.29|µ4/3 Pen]]” &mdash; i.e. the section titled “Pen Digital (micro four thirds)” within “[[Olympus]]”.
+
For example, <code style="padding:1pt; border:1pt dotted #006"><nowiki>[[Olympus#Pen_Digital_.28micro_four_thirds.29|µ4/3 Pen]]</nowiki></code> for “[[Olympus#Pen_Digital_.28micro_four_thirds.29|µ4/3 Pen]]” &mdash; i.e. the section titled “Pen Digital (micro four thirds)” within “[[Olympus]]”.
  
 
====Linking to a point within the same page====
 
====Linking to a point within the same page====
In order to link to a point within the same page, skip the article title and instead simply start with “'''#'''”; for example, “'''<nowiki>[[#Tables|Tables]]</nowiki>'''” for “[[#Tables|Tables]]” within this page.
+
In order to link to a point within the same page, skip the article title and instead simply start with <code style="padding:1pt; border:1pt dotted #006">#</code>; for example, <code style="padding:1pt; border:1pt dotted #006"><nowiki>[[#Tables|Tables]]</nowiki></code> for “[[#Tables|Tables]]” within this page.
  
Rather than plain “(see above)” or “(see below)”, it’s helpful to write “'''<nowiki>(see [[#Tables|above]])</nowiki>'''” &mdash; for “(see [[#Tables|above]])” &mdash; or similar.
+
Rather than plain “(see above)” or “(see below)”, it’s helpful to write <code style="padding:1pt; border:1pt dotted #006"><nowiki>(see [[#Tables|above]])</nowiki></code> &mdash; for “(see [[#Tables|above]])” &mdash; or similar.
  
 
====Anticipating link rot====
 
====Anticipating link rot====
Line 778: Line 778:
  
 
===External links===
 
===External links===
Simply, for a link to a page outside Camera-wiki.org, put within ''single'' (square) brackets: the URL followed by a space (no pipe character) and the page title: “'''<nowiki>[http://www.tlr-cameras.com/ TLR Cameras Website]</nowiki>'''” for [http://www.tlr-cameras.com/ TLR Cameras Website].  
+
Simply, for a link to a page outside Camera-wiki.org, put within ''single'' (square) brackets: the URL followed by a space (no pipe character) and the page title: <code style="padding:1pt; border:1pt dotted #006"><nowiki>[http://www.tlr-cameras.com/ TLR Cameras Website]</nowiki></code> for [http://www.tlr-cameras.com/ TLR Cameras Website].  
  
Interwiki links work for some other wikis. For example, “'''<nowiki>[[Wikipedia:Fujifilm]]</nowiki>'''” brings [[Wikipedia:Fujifilm]]. Combination with a pipe and an alternative title works: “'''<nowiki>[[Wikipedia:Fujifilm|Fujifilm (Wikipedia)]]</nowiki>'''” brings [[Wikipedia:Fujifilm|Fujifilm (Wikipedia)]]. Likewise, “'''<nowiki>[[Commons:File:Perfekta_6x6_IMGP4292.jpg|Perfekta (Wikimedia Commons)]]</nowiki>'''” brings [[Commons:File:Perfekta_6x6_IMGP4292.jpg|Perfekta (Wikimedia Commons)]]. There’s also a handy shortcut employing the pipe character: “'''<nowiki>[[Wikipedia:Fujifilm|]]</nowiki>'''” brings [[Wikipedia:Fujifilm|Fujifilm]].<ref>However, this seems buggy. Here in a footnote, “'''<nowiki>[[Wikipedia:Fujifilm|]]</nowiki>'''” brings [[Wikipedia:Fujifilm|]].</ref>
+
Interwiki links work for some other wikis. For example, <code style="padding:1pt; border:1pt dotted #006"><nowiki>[[Wikipedia:Fujifilm]]</nowiki></code> brings [[Wikipedia:Fujifilm]]. Combination with a pipe and an alternative title works: <code style="padding:1pt; border:1pt dotted #006"><nowiki>[[Wikipedia:Fujifilm|Fujifilm (Wikipedia)]]</nowiki></code> brings [[Wikipedia:Fujifilm|Fujifilm (Wikipedia)]]. Likewise, <code style="padding:1pt; border:1pt dotted #006"><nowiki>[[Commons:File:Perfekta_6x6_IMGP4292.jpg|Perfekta (Wikimedia Commons)]]</nowiki></code> brings [[Commons:File:Perfekta_6x6_IMGP4292.jpg|Perfekta (Wikimedia Commons)]]. There’s also a handy shortcut employing the pipe character: <code style="padding:1pt; border:1pt dotted #006"><nowiki>[[Wikipedia:Fujifilm|]]</nowiki></code> brings [[Wikipedia:Fujifilm|Fujifilm]].<ref>However, this seems buggy. Here in a footnote, <code style="padding:1pt; border:1pt dotted #006"><nowiki>[[Wikipedia:Fujifilm|]]</nowiki></code> brings [[Wikipedia:Fujifilm|]].</ref>
  
 
For more on interwiki links, see “[[Mediawikiwiki:Manual:Interwiki|Interwiki]]” (MediaWiki).
 
For more on interwiki links, see “[[Mediawikiwiki:Manual:Interwiki|Interwiki]]” (MediaWiki).
Line 788: Line 788:
 
After either a factual assertion that would benefit from being sourced to an authority, or an opinion or quotation, add a source footnote. Also, peripheral or less important material that might try some readers’ patience can go into a footnote.  
 
After either a factual assertion that would benefit from being sourced to an authority, or an opinion or quotation, add a source footnote. Also, peripheral or less important material that might try some readers’ patience can go into a footnote.  
  
If the article is to have any footnotes, then there should be the single self-closing tag “'''&lt;references&nbsp;/&gt;'''” somewhere below the point from which the last of the footnotes is to be linked. (It normally goes under &mdash; and indeed is the ''only'' text under &mdash; the header “'''==Notes=='''”.)
+
If the article is to have any footnotes, then there should be the single self-closing tag <code style="padding:1pt; border:1pt dotted #006">&lt;references&nbsp;/&gt;</code> somewhere below the point from which the last of the footnotes is to be linked. (It normally goes under &mdash; and indeed is the ''only'' text under &mdash; the header <code style="padding:1pt; border:1pt dotted #006">==Notes==</code>.)
  
Write each footnote at the point in the main text from which there should be an index number. Insert “'''&lt;ref&gt;'''XYZ'''&lt;/ref&gt;'''”. This will lead to the automatic generation of an appropriate index number and a footnote that reads “XYZ”.
+
Write each footnote at the point in the main text from which there should be an index number. Insert <code style="padding:1pt; border:1pt dotted #006">&lt;ref&gt;'''XYZ'''&lt;/ref&gt;</code>. This will lead to the automatic generation of an appropriate index number and a footnote that reads “XYZ”.
  
A given footnote may be pointed to from two or more places. In any one of these places &mdash; among which the first is strongly recommended, as this position aids subsequent editing &mdash; add the footnote in full, but with a name.<ref>The name should start with a simple letter (A&ndash;Z, a&ndash;z), and should only include letters, digits (0&ndash;9), underlines and/or hyphens.<!-- More options are possible, but I forget what they are, and the explanation here provides more than enough versatility. [comment by author Zuleika] --></ref> Example: “'''&lt;ref name="perfekta66"&gt;'''XYZ'''&lt;/ref&gt;'''”. Each of the other pointers to the same footnote is simply a self-closing tag with the same name: “'''&lt;ref name="perfekta66"&nbsp;/&gt;'''”.
+
A given footnote may be pointed to from two or more places. In any one of these places &mdash; among which the first is strongly recommended, as this position aids subsequent editing &mdash; add the footnote in full, but with a name.<ref>The name should start with a simple letter (A&ndash;Z, a&ndash;z), and should only include letters, digits (0&ndash;9), underlines and/or hyphens.<!-- More options are possible, but I forget what they are, and the explanation here provides more than enough versatility. [comment by author Zuleika] --></ref> Example: <code style="padding:1pt; border:1pt dotted #006">&lt;ref name="perfekta66"&gt;'''XYZ'''&lt;/ref&gt;</code>. Each of the other pointers to the same footnote is simply a self-closing tag with the same name: <code style="padding:1pt; border:1pt dotted #006">&lt;ref name="perfekta66"&nbsp;/&gt;</code>.
  
 
The actual content of the footnote is not moved within the editable text by any automatic process; only its position within the finished page is moved. Therefore if you wish to edit a footnote that is already in place, you have to do so by editing the section of the page from which the footnote is linked. For example, a footnote from ''here,''<ref>A footnote crying out to be edited and turned into something worthwhile.</ref> can be edited by editing ''this'' section (“Footnoting”), not the section below titled “Notes”.
 
The actual content of the footnote is not moved within the editable text by any automatic process; only its position within the finished page is moved. Therefore if you wish to edit a footnote that is already in place, you have to do so by editing the section of the page from which the footnote is linked. For example, a footnote from ''here,''<ref>A footnote crying out to be edited and turned into something worthwhile.</ref> can be edited by editing ''this'' section (“Footnoting”), not the section below titled “Notes”.
Line 798: Line 798:
 
When you’re editing any one section of an article from which there are footnotes, “Show preview” won’t give you a preview of these footnotes. There are two ways around this:
 
When you’re editing any one section of an article from which there are footnotes, “Show preview” won’t give you a preview of these footnotes. There are two ways around this:
 
*Take the option to edit the article as a whole, rather than the one section within it. (Of course you’re then free to limit your edits to this one section.)
 
*Take the option to edit the article as a whole, rather than the one section within it. (Of course you’re then free to limit your edits to this one section.)
*Edit the section, temporarily adding “'''&lt;references&nbsp;/&gt;'''” to the end of it. The preview function will now show the footnotes too. (If any of these repeats a footnote defined elsewhere, you’ll get an error message. Ignore this.) When all seems well, delete “'''&lt;references&nbsp;/&gt;'''” and press the “Save page” button.
+
*Edit the section, temporarily adding <code style="padding:1pt; border:1pt dotted #006">&lt;references&nbsp;/&gt;</code> to the end of it. The preview function will now show the footnotes too. (If any of these repeats a footnote defined elsewhere, you’ll get an error message. Ignore this.) When all seems well, delete <code style="padding:1pt; border:1pt dotted #006">&lt;references&nbsp;/&gt;</code> and press the “Save page” button.
  
 
Common practice in Camera-wiki.org has been to lump together all footnotes, from dry page references to learned digressions, under the single title “Notes” (or occasionally “References”). They may however be separated. It may at first seem somewhat pretentious to have two sets of footnotes for a single web page, but doing this can help the reader: if a page has many dry source footnotes, the reader may not bother to look at them, and will therefore miss the occasional ''interesting'' footnote.  
 
Common practice in Camera-wiki.org has been to lump together all footnotes, from dry page references to learned digressions, under the single title “Notes” (or occasionally “References”). They may however be separated. It may at first seem somewhat pretentious to have two sets of footnotes for a single web page, but doing this can help the reader: if a page has many dry source footnotes, the reader may not bother to look at them, and will therefore miss the occasional ''interesting'' footnote.  
Line 804: Line 804:
 
If it does seem a good idea to separate the two kinds of footnotes, then here is how to do this:
 
If it does seem a good idea to separate the two kinds of footnotes, then here is how to do this:
 
*Create “source” notes as described above.
 
*Create “source” notes as described above.
*Create “content” notes (which should be few) as described above; but for each have “'''&lt;ref&nbsp;group="XYZ"&gt;'''” rather than simple “'''&lt;ref&gt;'''”. “XYZ” here can be any one name that you wish (e.g. “content”). (This “group="XYZ"” may be combined with “name="ABC"”, and in either order.)
+
*Create “content” notes (which should be few) as described above; but for each have <code style="padding:1pt; border:1pt dotted #006">&lt;ref&nbsp;group="XYZ"&gt;</code> rather than simple <code style="padding:1pt; border:1pt dotted #006">&lt;ref&gt;</code>. “XYZ” here can be any one name that you wish (e.g. “content”). (This “group="XYZ"” may be combined with “name="ABC"”, and in either order.)
 
*Have ''two'' section headers near the foot of the page, first “Notes” (for “content” notes), and then “References” (for “source” notes).
 
*Have ''two'' section headers near the foot of the page, first “Notes” (for “content” notes), and then “References” (for “source” notes).
*Place “'''&lt;references&nbsp;/&gt;'''” under the header “References”.
+
*Place <code style="padding:1pt; border:1pt dotted #006">&lt;references&nbsp;/&gt;</code> under the header “References”.
*Place “'''&lt;references&nbsp;group="XYZ" /&gt;'''” under the header “Notes”.
+
*Place <code style="padding:1pt; border:1pt dotted #006">&lt;references&nbsp;group="XYZ" /&gt;</code> under the header “Notes”.
  
 
For an example of a page in which notes are separated from references, see [[Ofuna Six]].
 
For an example of a page in which notes are separated from references, see [[Ofuna Six]].
Line 816: Line 816:
 
''For more on categories, see [[Help:Categories]].''
 
''For more on categories, see [[Help:Categories]].''
  
Categorization adds ways in which articles can be found. In order to add a page to a category,<ref>Or to categorize it, or to add the category to the page &mdash; these are widely used ways of expressing the same one idea.</ref> add a link to the category at the foot of the page. Thus in order to add [[Luxette]] to the category “[[:Category:German 4x4|German 4x4]]”, add “'''<nowiki>[[Category:German 4x4]]</nowiki>'''” to the foot of the former (but don’t touch the latter).
+
Categorization adds ways in which articles can be found. In order to add a page to a category,<ref>Or to categorize it, or to add the category to the page &mdash; these are widely used ways of expressing the same one idea.</ref> add a link to the category at the foot of the page. Thus in order to add [[Luxette]] to the category “[[:Category:German 4x4|German 4x4]]”, add <code style="padding:1pt; border:1pt dotted #006"><nowiki>[[Category:German 4x4]]</nowiki></code> to the foot of the former (but don’t touch the latter).
  
 
Within the category, the page that you categorize is normally listed according to its title (so [[Luxette]] will be under “L”). More often than not this is appropriate. But it’s sometimes better to force a different listing.
 
Within the category, the page that you categorize is normally listed according to its title (so [[Luxette]] will be under “L”). More often than not this is appropriate. But it’s sometimes better to force a different listing.
  
#Consider the [[Minolta SR-T 201]]. Within [[:Category:Japanese 35mm SLR]], it’s better listed among the Minoltas, under “M”. But if [[:Category:Minolta SR mount]] has all the SR-mount Minolta models listed under under “M”, the result may be difficult to use and certainly will be ridiculous. The solution is the combination of “'''<nowiki>[[Category:Japanese 35mm SLR]]</nowiki>'''” and “'''<nowiki>[[Category:Minolta SR mount|SR-T 201]]</nowiki>'''”: in the latter, “|SR-T 201” results in listing as if titled “SR-T 201”.
+
#Consider the [[Minolta SR-T 201]]. Within [[:Category:Japanese 35mm SLR]], it’s better listed among the Minoltas, under “M”. But if [[:Category:Minolta SR mount]] has all the SR-mount Minolta models listed under under “M”, the result may be difficult to use and certainly will be ridiculous. The solution is the combination of <code style="padding:1pt; border:1pt dotted #006"><nowiki>[[Category:Japanese 35mm SLR]]</nowiki></code> and <code style="padding:1pt; border:1pt dotted #006"><nowiki>[[Category:Minolta SR mount|SR-T 201]]</nowiki></code>: in the latter, “|SR-T 201” results in listing as if titled “SR-T 201”.
#Consider the article “[[Minolta]]” itself. It should certainly be listed within [[:Category:Minolta]], but where? Not lost under “M”, but instead at the top. The kludge for this is an asterisk after the pipe character: “'''<nowiki>[[Category:Minolta|*]]</nowiki>'''”.
+
#Consider the article “[[Minolta]]” itself. It should certainly be listed within [[:Category:Minolta]], but where? Not lost under “M”, but instead at the top. The kludge for this is an asterisk after the pipe character: <code style="padding:1pt; border:1pt dotted #006"><nowiki>[[Category:Minolta|*]]</nowiki></code>.
#Consider the article “[[Ōki]]”. While it's obvious to us humans that the initial “'''Ō'''” is some kind of “O”, this is not so for the [[Wikipedia:MediaWiki|MediaWiki]] software, which will put the former somewhere after “Z”. Therefore its links to categories are exemplified by “'''<nowiki>[[Category:Japanese camera makers|Oki]]</nowiki>'''”, which lists it where it would be if the macron were not present.
+
#Consider the article “[[Ōki]]”. While it's obvious to us humans that the initial “'''Ō'''” is some kind of “O”, this is not so for the [[Wikipedia:MediaWiki|MediaWiki]] software, which will put the former somewhere after “Z”. Therefore its links to categories are exemplified by <code style="padding:1pt; border:1pt dotted #006"><nowiki>[[Category:Japanese camera makers|Oki]]</nowiki></code>, which lists it where it would be if the macron were not present.
  
Exceptionally, you may want to display a regular ''link'' to a category. If so, prefix a colon (“:”) to “Category”. Thus “'''<nowiki>[[:Category:German 4x4]]</nowiki>'''” renders “[[:Category:German 4x4]]”.
+
Exceptionally, you may want to display a regular ''link'' to a category. If so, prefix a colon (“:”) to “Category”. Thus <code style="padding:1pt; border:1pt dotted #006"><nowiki>[[:Category:German 4x4]]</nowiki></code> renders “[[:Category:German 4x4]]”.
  
 
==Templates and transclusion==
 
==Templates and transclusion==
 
A '''template''' is a wiki page designed to be used as a module within other pages.  
 
A '''template''' is a wiki page designed to be used as a module within other pages.  
  
Templates are numerous and very varied; let’s start by introducing a simple one (one that’s short and has no variables). Insertion of “'''<nowiki>{{Dechert Canon}}</nowiki>'''” inserts “[[:Template:Dechert Canon]]”:
+
Templates are numerous and very varied; let’s start by introducing a simple one (one that’s short and has no variables). Insertion of <code style="padding:1pt; border:1pt dotted #006"><nowiki>{{Dechert Canon}}</nowiki></code> inserts “[[:Template:Dechert Canon]]”:
  
 
:{{Dechert Canon}}
 
:{{Dechert Canon}}
  
There are two ways to insert a template: “'''<nowiki>{{Subst:Dechert Canon}}</nowiki>'''” (for substitution) and “'''<nowiki>{{Dechert Canon}}</nowiki>'''” (for transclusion); note how “Subst:” appears in the former.
+
There are two ways to insert a template: <code style="padding:1pt; border:1pt dotted #006"><nowiki>{{Subst:Dechert Canon}}</nowiki></code> (for substitution) and <code style="padding:1pt; border:1pt dotted #006"><nowiki>{{Dechert Canon}}</nowiki></code> (for transclusion); note how “Subst:” appears in the former.
  
 
With '''substitution''', the ''content'' of the template is added to the article the first time the editor presses the “Save page” button. No subsequent change to the content of the template can have any effect.
 
With '''substitution''', the ''content'' of the template is added to the article the first time the editor presses the “Save page” button. No subsequent change to the content of the template can have any effect.
Line 843: Line 843:
 
To understand how transcluding can help, let’s look at an example. Thanks to the Wayback Machine,<ref>The reason why we point to the older examples at the Wayback Machine rather than here in Camera-wiki.org is related to the template: that display of an old version here will show it with any templates as these are ''now,'' and not necessarily as they were at the time.</ref> [http://replay.web.archive.org/20070218160411/http://www.camerapedia.org/wiki/Mihama_Six here] is a February 2007 version of the article [[Mihama Six]]. At its top right is a template listing similar Japanese cameras. Pay attention to the list of folding 6×6 cameras, which has 35 items. Again via the Wayback Machine, [http://replay.web.archive.org/20090103050020/http://www.camerapedia.org/wiki/Mihama_Six here] is a January 2009 version. The number of folding 6×6 cameras has almost doubled. (Just for “A” and “B”, it has added [[Angel Six]], [[Balm Six]], [[Baron]], [[Frank Six|Beauty Six [1950<nowiki>]</nowiki>]] and [[Beauty Six|Beauty Six [1953<nowiki>]</nowiki>]].) Editors here have always known that yet more such cameras might be discovered and written up, so they have made sure that the template has remained transcluded rather than substituted, happy that the addition of a camera article to the wiki will require its addition in just ''one'' place (the template) in order that mention of it is added every article containing that template.
 
To understand how transcluding can help, let’s look at an example. Thanks to the Wayback Machine,<ref>The reason why we point to the older examples at the Wayback Machine rather than here in Camera-wiki.org is related to the template: that display of an old version here will show it with any templates as these are ''now,'' and not necessarily as they were at the time.</ref> [http://replay.web.archive.org/20070218160411/http://www.camerapedia.org/wiki/Mihama_Six here] is a February 2007 version of the article [[Mihama Six]]. At its top right is a template listing similar Japanese cameras. Pay attention to the list of folding 6×6 cameras, which has 35 items. Again via the Wayback Machine, [http://replay.web.archive.org/20090103050020/http://www.camerapedia.org/wiki/Mihama_Six here] is a January 2009 version. The number of folding 6×6 cameras has almost doubled. (Just for “A” and “B”, it has added [[Angel Six]], [[Balm Six]], [[Baron]], [[Frank Six|Beauty Six [1950<nowiki>]</nowiki>]] and [[Beauty Six|Beauty Six [1953<nowiki>]</nowiki>]].) Editors here have always known that yet more such cameras might be discovered and written up, so they have made sure that the template has remained transcluded rather than substituted, happy that the addition of a camera article to the wiki will require its addition in just ''one'' place (the template) in order that mention of it is added every article containing that template.
  
In order to link to a template (for example, within a talk page, in order to discuss its use), put the entire name in square brackets: “'''<nowiki>[[Template:Dechert Canon]]</nowiki>'''” renders “[[Template:Dechert Canon]]”.
+
In order to link to a template (for example, within a talk page, in order to discuss its use), put the entire name in square brackets: <code style="padding:1pt; border:1pt dotted #006"><nowiki>[[Template:Dechert Canon]]</nowiki></code> renders “[[Template:Dechert Canon]]”.
  
 
''Creation'' of a template is beyond the scope of this page.  
 
''Creation'' of a template is beyond the scope of this page.  
Line 855: Line 855:
 
===Hidden comments===
 
===Hidden comments===
  
Material written between an opening “'''&lt;!--'''” and a closing “'''--&gt;'''” is visible to anyone who edits the page but isn’t otherwise visible. (This is useful both for temporarily “commenting out” material that’s seriously flawed but that could later be fixed and for making certain kinds of comments for future editors &mdash; although most comments are better placed in the article’s talk page.)
+
Material written between an opening <code style="padding:1pt; border:1pt dotted #006">&lt;!--</code> and a closing <code style="padding:1pt; border:1pt dotted #006">--&gt;</code> is visible to anyone who edits the page but isn’t otherwise visible. (This is useful both for temporarily “commenting out” material that’s seriously flawed but that could later be fixed and for making certain kinds of comments for future editors &mdash; although most comments are better placed in the article’s talk page.)
  
 
Any material can be placed in a hidden comment, as long as it does not include a pair of hyphens. (An implication of this is that one comment cannot be nested in another comment.)
 
Any material can be placed in a hidden comment, as long as it does not include a pair of hyphens. (An implication of this is that one comment cannot be nested in another comment.)

Revision as of 07:02, 29 April 2011

This page is within the userspace of Zuleika. The plan is first to improve it and then to move it, to "Help:Markup reference" or similar. After the move, it may of course be edited and improved by any Camera-wiki.org editor who is sufficiently well-informed and careful. And no doubt various improvements will be possible. In the meantime, it’s editable by Zuleika, and by specific invitation. Other editors are most welcome to make suggestions for it; these suggestions can be placed in User talk:Zuleika/Junkyard.

This is an intermediate-level reference guide to the technical aspects of writing articles. It concentrates on telling you how to format articles in the way you wish. But there’s also some guidance on what to do. If you’re a complete beginner, make sure to look first at Editing. If you’re experienced, this page may answer some remaining questions; but for comprehensive information please see the recommendations made within various sections and also the links listed below under “Further reading”.

The content here primarily involves special markup for MediaWiki, the software behind not only Camera-wiki.org but also Wikipedia (for which it was created) and many other wikis. If you’re experienced with one of these other wikis, you should find that almost all of what follows tells you what you already know. And if you aren’t, then although what’s below may tax your patience, you’ll be able to apply it elsewhere too.

Some of this markup is inspired by XHTML; and there’s also a limited amount of actual XHTML and CSS involved.

Page organization

Paragraphs (and line breaks)

Single line breaks have no effect within paragraphs. To separate a paragraph from the previous one, insert a blank line between them (hit the Enter key twice).

Don’t attempt to indent the first line of a paragraph.

To indent a block quotation, start the block with <blockquote> and end it with </blockquote>.

There’s a convention whereby a comment in a talk page is indented further from the left than is the comment to which it’s a reply. For each level of indentation from the left, add one colon (:) at the very start of your comment.[1]

For a simple line break, use <br />.[2] (In normal body text this is unnecessary; however, it can help within captions and the like.)

Headers (section titles)

Think of an article as having a hierarchy of organization. Any longer article benefits from subdivision by headers.

There should be no header at the very start of an article. (Don’t add the header “Introduction”, “Preamble”, or similar.) Write a short paragraph (perhaps as short as a single sentence) and then insert the first header.

As an example of this in action, we’ll look at the article “Pearlette”.

There follows a table of contents, which the software has generated automatically. For Pearlette, note within this table:

3 Second generation: hinged back
3.1 1933 model

and take a quick look at these sections. The former is the topmost level of classification; it was added with a pair of double equals signs: ==Second generation: hinged back==. The latter is one stage below this, and uses a pair of treble equals signs: ===1933 model===. They’re not numbered: the numbering is generated automatically for the table of contents. (For more on tables of contents, see below.)

Put a header on a new line, and start anything that follows it on a new line.

For a further level of subdivision, ====a third level==== (four equals signs on each side) can be used. And if even this is not enough, a fourth and a fifth level (with five and six on each side respectively) can be used too.[3]

For more, see Section (Wikipedia).

Page ingredients

Table of contents

When the number of headers (see above) within a page goes over three, this automatically triggers the generation of a table of contents. The table itself cannot be edited. Its generation should not normally be forced, moved or suppressed. However, this can be done, using one or other of two “magic words” (MediaWiki terminology), each enclosed in double underlines:

  • Adding __TOC__ somewhere in a page forces generation of the table of contents at that point in the page.
  • Adding __NOTOC__ anywhere in a page suppresses generation of the table of contents anywhere in the page.

(The “TOC” template of Wikipedia does not exist in Camera-wiki.org.)

Images

Camera illustrations are the life-blood of Camera-wiki.org. But any image (typically a photograph, but perhaps a scan or diagram) must be added to a page in a very specific way, and with due consideration for its copyright status. All this is explained within Adding images.

Lists

There are two kinds of list, depending on whether the items are unordered (not numbered) or ordered (numbered). They are remarkably easy to produce: they don’t require an explicit beginning or end, and instead merely consist of a simple, unbroken series of list items. Each list item starts on a new line with either of two characters, and should be typed on a single line (it should not include a line break).

An unordered list is typically displayed with bullet points. It’s made with an asterisk (*) at the start of each line.

*This
*That
*The other

produces

  • This
  • That
  • The other

An ordered list is typically displayed with Arabic numerals. It’s made with a hash mark (#) at the start of each line.

#This
#That
#The other

produces

  1. This
  2. That
  3. The other

Lists may be nested, and in any combination: either an ordered or an unordered list may be nested within an item of either an ordered or an unordered list. An example (unordered within ordered):

#Prewar
#Postwar film
#*35mm and smaller
#*Larger than 35mm
#Digital

produces

  1. Prewar
  2. Postwar film
    • 35mm and smaller
    • Larger than 35mm
  3. Digital

For more, see List (Wikipedia), but note that the Wikipedia template “Multi-column numbered list” does not exist in Camera-wiki.org.

Tables

There’s no escaping it: creating tables in Camerawiki.org is rather complex. There are three reasons for this:

  1. XHTML markup for tables is rather complex, and the markup that editors have to use must allow conversion by MediaWiki into this XHTML markup.
  2. The simplest markup for tables leads to results that are so plain as to be hard to understand. Some degree of added elegance is a big help — but this addition brings added complexity.
  3. Tables usually benefit from non-default positioning (yet more complexity).

This section takes you through the process rather than just throwing the options at you. Please do try to follow the first part at least. And remember: lesser minds than yours have been here before, and have mastered tables!

The basics

Tables need to be explicitly opened and closed, and their contents must be written row by row. (Line breaks do matter.) Here’s a 3×2 example:

{|
! Header 1
! Header 2
|-
| row 1, cell 1
| row 1, cell 2
|-
| row 2, cell 1
| row 2, cell 2
|}

This produces:

Header 1 Header 2
row 1, cell 1 row 1, cell 2
row 2, cell 1 row 2, cell 2

Of course this neither looks like a conventional table nor is easy to understand as a table. But a simple change will work wonders. If we replace the initial {| in the table above with {|class="wikitable", the result is:

Header 1 Header 2
row 1, cell 1 row 1, cell 2
row 2, cell 1 row 2, cell 2

Let’s take a slightly closer look at the markup for this. Here it is:

{|class="wikitable"
! Header 1
! Header 2
|-
| row 1, cell 1
| row 1, cell 2
|-
| row 2, cell 1
| row 2, cell 2
|}

Here’s what this means. Each of the following necessarily starts on a new line.

  • {| class="wikitable" ⇒ the start of a table of the particular class (in the CSS sense) “wikitable”
  • |- ⇒ the start of a row (optional for the first row, and here omitted for the first row)
  • ! [text] ⇒ a header cell
  • | [text] ⇒ a (regular) cell
  • |} ⇒ the end of the table

Although the table must be closed, a row does not have to be.

One minor short cut is often used: starting a cell by doubling the pipe character (“|”) or exclamation mark rather than preceding the single character with a line break. (We’ll see this at work next, when we look at captions.)

Here then is another way to create the very same table as above:

{|class="wikitable"
| row 1, cell 1 || row 1, cell 2
|-
| row 2, cell 1 || row 2, cell 2
|}

Caption

A caption can be a useful addition to a table. Here’s how to add it:

  • |+ [text] (on a new line immediately under the one that starts the table): the caption

Here then is how to create the table as above, but with a caption:

{|class="wikitable"
|+ This is a caption
! Header 1 !! Header 2
|-
| row 1, cell 1 || row 1, cell 2
|-
| row 2, cell 1 || row 2, cell 2
|}

This brings:

This is a caption
Header 1 Header 2
row 1, cell 1 row 1, cell 2
row 2, cell 1 row 2, cell 2

So much for the basics of tables. Now we’ll proceed. If what follows looks alarming, don’t worry, because you don’t have to know it. You can instead leave a request in the talk page of the particular article for somebody else to come along and make this or that improvement.

Merging cells across columns and rows

It may be helpful or even necessary to merge cells across rows and columns (or to have them span rows and columns). Here, from the article Fujica Six, is an example:

model IA IB IC IAS ICS IBS
variant a b c
lens Fuji Rectar
aperture 4.5 3.5 4.5 3.5
shutter Lotus S.R. NKSZ S.R. NKS
max speed 200 500 200 500 200
flash terminal none 2-pin 1-pin 2-pin PC 2-pin
self-timer yes no yes no yes
release April 1948 August 1948 June 1949 August 1949 1949 1950
price in Japan ¥5,250 ¥6,200 [export] ¥5,250 [export] ¥6,200

Consider what’s near the top of it: from “model”, “variant” and “lens” at the left across to “IBS”, “c” and “Rectar” on the right. This consists of a grid formed by three rows and nine columns, within which a number of pairs of adjacent cells have been merged. Here’s how its construction might have started (but with “blankx” inserted to help show what is where):

model IA IB IC IAS ICS IBS blank1 blank2
variant blank3 blank4 blank5 blank6 blank7 a b c
lens Fuji blank8 blank9 blank10 blank11 blank12 blank13 Rectar

The three rows within this are:

! model !! IA !! IB !! IC !! IAS !! ICS !! IBS !! blank1 !! blank2
|-
| variant || blank3 || blank4 || blank5 || blank6 || blank7 || a || b || c
|-
| lens || Fuji || blank8 || blank9 || blank10 || blank11 || blank12 || blank13 || Rectar

(The reason why this small table, together with those that follow, is narrow is that nothing is forcing any column to be any wider than is necessary for the text that it contains.)

First, let’s have “IBS” expand across what are now “blank1” and “blank2”, and “Fuji” expand all the way across to “blank13”. In XHTML (and HTML) terms, we want the cell that contains “IBS” to span three columns. This requires adding the colspan attribute to this cell, and deleting those that now contain “blank1” and “blank2”. Deletion is straightforward. In MediaWiki markup, you add any attribute to a cell in front of the pipe (“|”) character and any text. And so:

model IA IB IC IAS ICS IBS
variant blank3 blank4 blank5 blank6 blank7 a b c
lens Fuji Rectar

Now for the rest. We want each of “IA”, “IB”, “IC”, “IAS” and “ICS” to span two rows. The rowspan attribute works analogously to the “colspan” attribute (although it is slighter harder to use because what is deleted is not adjacent to this cell in the source).

model IA IB IC IAS ICS IBS
variant a b c
lens Fuji Rectar

The rows are now:

! model !! rowspan="2" | IA !! rowspan="2" | IB || rowspan="2" | IC || rowspan="2" | IAS || rowspan="2" | ICS || colspan="3" | IBS
|-
| variant || a || b || c
|-
| lens || colspan="7" | Fuji || Rectar

All seems well (in a bunched-up kind of way). The result is still too narrow for us for a full idea of what is going on here, but it’s sufficient to show that both “c” and “Fuji” are left-aligned whereas they’d look better (horizontally) centred.

The table above has cells that span columns and cells that span rows, but no cell that spans both. But this is simply done: add both colspan and rowspan attributes to the cell at the top left of the rectangle that is to be merged, and delete the other cells. (As always with XTML tag attributes, their order doesn’t matter: either colspan then rowspan, or vice versa.) Here (for some fictional camera) is the result:

model Hotei Jurōjin Fukurokuju Bishamonten Benzaiten Daikokuten
variant a b c
shutter Lotus S.R. NKSZ S.R. NKS
max speed 200 500 200 500 200
flash terminal none 2-pin 1-pin 2-pin PC 2-pin
self-timer yes no yes

Here are the last two rows of this:

|-
| flash terminal || colspan="3" rowspan="2" | none || 2-pin || 1-pin || 2-pin || PC || 2-pin
|-
| self-timer || yes || no || colspan="3" | yes

Horizontal alignment of cell content

Here again is the table from the article Fujica Six, but slightly abridged and with no indication of how the text should be aligned within each cell:

model IA IB IC IAS ICS IBS
variant a b c
lens Fuji Rectar
aperture 4.5 3.5 4.5 3.5
flash terminal none 2-pin 1-pin 2-pin PC 2-pin
self-timer yes no yes no yes
release April 1948 August 1948 June 1949 August 1949 1949 1950
price in Japan ¥5,250 ¥6,200 [export] ¥5,250 [export] ¥6,200

How the text is aligned here will depend on the browser that is used. Commonly, the content of table head cells (such as “Model” and “IA”) is centred (and in boldface), whereas that of the other table cells is left-aligned.

Centring (horizontally) within all table cells is easily done, by addition of text-align:center; for the table as a whole:

{| border="1" cellpadding="2" style="margin:1em; text-align:center; border-collapse:collapse;"

The result:

model IA IB IC IAS ICS IBS
variant a b c
lens Fuji Rectar
aperture 4.5 3.5 4.5 3.5
flash terminal none 2-pin 1-pin 2-pin PC 2-pin
self-timer yes no yes no yes
release April 1948 August 1948 June 1949 August 1949 1949 1950
price in Japan ¥5,250 ¥6,200 [export] ¥5,250 [export] ¥6,200

Although the leftmost column looks strange, the table as a whole is a fairly good approximation to what we want. So we retain text-align:center; for the table as a whole, but add the CSS rule text-align:left for any cell whose text should be left-aligned. If there already is a style= attribute for the cell, we add this rule to it (in any order), separating it from any other rule by a semicolon (;); if there is not, we add style="text-align:left" to the left of the pipe for the cell. For example:

|-
| style="text-align:left" | lens
| colspan="7" | Fuji || Rectar

for the result:

model IA IB IC IAS ICS IBS
variant a b c
lens Fuji Rectar
aperture 4.5 3.5 4.5 3.5
flash terminal none 2-pin 1-pin 2-pin PC 2-pin
self-timer yes no yes no yes
release April 1948 August 1948 June 1949 August 1949 1949 1950
price in Japan ¥5,250 ¥6,200 [export] ¥5,250 [export] ¥6,200

Vertical alignment and other formatting of table cells

It may look better if the text in a row, or every row, is vertically aligned to the top rather than vertically centered. In order to do this, simply replace the row-opening |- with |- style="vertical-align:top" (or, if a “style” attribute is already there, add the rule “vertical-align:top”, using a semicolon to separate it from any other rule).

The property “vertical-align” has numerous possible values, but “top”, “bottom” and “middle”[4] are likely to be the most useful among them. And like “text-align” (for horizontal alignment), “vertical-align” can be applied to individual cells too.

In order to give a glimpse of what’s possible, let’s play around a little with the last two rows of the table we’ve been examining:

release April
1928
August
1928
June
1929
August
1929
1929 1930 (?)
price in Japan ₩525 ₩620 [export] ₩525 [export] ₩620 un-
known

This is:

{| border="1" cellpadding="2" style="margin:1em; text-align:center; border-collapse:collapse;"
|- style="vertical-align:top"
| style="text-align:left" | release
| April<br />1928 || colspan="2" | August<br />1928 || colspan="2" | June<br />1929 || August<br />1929 || 1929
| style="vertical-align:bottom" | 1930 <span style="background-color:#ccff33;font-size:80%;padding:2px;border:#993300 1px dotted">(?)</span>
|- style="vertical-align:bottom"
| style="text-align:left" | price in Japan
| ₩525 || ₩620 || [export] || ₩525 || [export] || colspan="2" | ₩620
| style="font-size:85%; color:#ffffff; background:#700000; font-weight:bold;" | un-<br />known
|}

Much of this decoration is pointless, intended here for demonstration purposes only. Always bear in mind that a variety of special effects may be less likely to impress the reader than the writer, and may even irritate. Clarity and legibility should come first.

Table positioning

Is more control needed, perhaps for centring? Then let’s replace the initial {| in the first (poorly legible) table with {|class="toccolours" border="1" style="clear:both; margin:1em auto; border-collapse:collapse;"[5]

The result is now:

Header 1 Header 2
row 1, cell 1 row 1, cell 2
row 2, cell 1 row 2, cell 2

Now let’s try tables to the left and right, around which text will be allowed to wrap.

Header 1 Header 2
row 1, cell 1 row 1, cell 2
row 2, cell 1 row 2, cell 2

First, {|class="toccolours" border="1" style="background-color:#eeffee; float:left; margin:1em 1em 1em 0; border-collapse:collapse;"[5][6] will “float” a table to the left. The particular table here has a light green background thanks to “eeffee”: the first and the second “ee” mean a high level of red and blue respectively, while the “ff” in the middle means the maximum level of green.[7] Where, as here, four values are given for the margin, they’re set clockwise from the top; so “1em 1em 1em 0” means no margin on the left but a one-em[8] margin on each of the other three sides. (For more on “floating”, see below.)

Header 1 Header 2
row 1, cell 1 row 1, cell 2
row 2, cell 1 row 2, cell 2

Secondly, {|class="toccolours" border="1" style="background-color:#ffeeee; float:right; margin:1em 0 1em 1em; border-collapse:collapse;"[5] will “float” a table to the right. The particular table here has a light pink background thanks to “ffeeee”: the “ff” at the start means the maximum level of red, while the first and the second “ee” mean a high level of green and blue respectively.[7][6] The margins of “1em 0 1em 1em” mean no margin on the right but a one-em[8] margin on each of the other three sides.

More on tables

For more details on tables in wiki text, see:

For more on CSS properties and values, numerous websites offer help; a good one is the “Style Master for CSS Tutorial” from Western Civilisation.

Definitions

Definitions — presented separately, perhaps in a list — are only rarely of use here within Camera-wiki.org, and are not even used within the Glossary. But if you do want them, here’s how to do them properly:

220 film
Similar to 120 film but effectively twice as long (and only usable with cameras designed specifically for it); allows 32 6×6 exposures; formally specified in ISO 732 (1991).

is achieved via

;220 film:Similar to 120 film but effectively twice as long (and only usable with cameras designed specifically for it); allows 32 6×6 exposures; formally specified in ISO 732 (1991).

Note (i) the semicolon (;) at the start (and necessarily at the very start of the line), and (ii) the colon (:) separating term and definition.[9]

Avoiding special effects

You may be wondering how it is that this page is able to show all the code. (For example, if code shows how to create a table, why doesn’t it create the table right there and then?)

The answer is the heavy use here of the <nowiki> tag. But this tag isn’t only useful in such minor and peripheral areas of Camera-wiki.org as explanations of markup; it’s also useful in regular articles.

As an example, suppose we want to use the definitions markup (above) to create a definition for “3:2” (the aspect ratio). As we’ve seen, the pattern is (on a new line): semicolon, term to be defined, colon, definition. And so:

;3:2:An ''aspect ratio'' (q.v.) in common use in photography [...]

However, this brings us:

3
2:An aspect ratio (q.v.) in common use in photography [...]

The problem is of course that the first colon is misinterpreted as having special significance. What we need to do is suppress this significance, using <nowiki>...</nowiki>:

;3<nowiki>:</nowiki>2:An ''aspect ratio'' (q.v.) in common use in photography [...]

results in

3:2
An aspect ratio (q.v.) in common use in photography [...]

For more on “nowiki” and other workarounds, see “Limiting formatting/escaping wiki markup” (Wikipedia).

Character formatting

The way that text appears within a paragraph, list item, etc, can be altered via either MediaWiki-specific use of apostrophes[10] or certain XHTML tags, sometimes with CSS.

First, the apostrophes.

Use two apostrophes in order to start italicizing and to end it: ''Asahi Camera'' brings “Asahi Camera”.

Use three apostrophes in order to start boldface and to end it: The '''Bronica S2a''' was [...] brings “The Bronica S2a was [...]”.

And yes, boldface can be added to italics and vice versa; as a simple example (turning both on and off at the same place): The Japanese magazine '''''Asahi Camera''''' was [...] brings “The Japanese magazine Asahi Camera was [...]”.

(Camera-wiki.org typically uses boldface at the very start of an article; it uses it only sparingly elsewhere. This page is of course unusual.)

Secondly, the XHTML tags (which are rarely needed). You mark the start of an area needing some change with <XXX> and you mark its end with </XXX> — though not “XXX” but instead one of “sup”, “sub” and “small”, as explained below:

For superscripted text: marketed as the "330<sup>D</sup>" in Europe brings “marketed as the "330D" in Europe”.

For subscripted text: marketed as the "<sub>A</sub>41" in Japan brings “marketed as the "A41" in Japan”.

For small text:[11] <small>[not verified]</small> brings “[not verified]”.

For underlined text:[12] <span style="text-decoration:underline">XYZ</span> brings “XYZ”.[13]

For struck out text:[14] <span style="text-decoration:line-through">XYZ</span> brings “XYZ”.[13]

Editors familiar with CSS can also use other property:value pairs within <span style="[CSS rules]"> and </span>. (But with restraint, please!)

For advice on when (rather than how) to use boldface and italics, see Text formatting, within Wikipedia’s “Manual of Style”.

Characters

Characters on your keyboard

You should be able to type just about any character that’s on your keyboard, to have it rendered in the normal way. Exceptions are:

  • combinations of characters that most people would rarely want (such as pairs of single quotation marks)
  • the two inequality signs “<” and “>
  • (in certain unusual circumstances) the vertical line (or “pipe”) “|
  • (in certain unusual circumstances) double quotation marks “"

The inequality signs will seldom be useful in the context of cameras; but as Pentax has a camera called “*ist”, perhaps some company will use one or other of these within a trademark. If you do ever need them, type “&lt;” and “&gt;” respectively. (These are mnemonic; “lt” and “gt” stand for “less than” and “greater than” respectively.)

The vertical line, or pipe, is again rarely useful, and is unlikely to be troublesome outside tables. The workaround is &#124;.

Trouble with double quotation marks arises only in vanishingly rare conditions; but if they ever are problematic, the workaround is &quot;.

Characters not on your keyboard

As for all the characters that aren’t on most people’s keyboards and that are occasionally useful — áàäâāăãåą and more — you can do any of the following:

  • copy them from elsewhere and paste them
  • insert them via the “numeric references” (eg &#333; for “ō”) or named “character entities” (eg &uuml; for “ü”) that are standard for HTML or XHTML in regular web pages
  • insert them in whatever is the normal way for you

Some useful characters are listed below.

Arithmetical symbols

  • &times; gives the multiplication symbol, in for example “6×9 cm”
  • &minus; gives the minus sign, in for example “3 stops”
  • &plusmn; gives the plus-or-minus sign, in for example “±2 EV”
  • &frac14;, &frac12; and &frac34; give the fractions “¼”, “½”, and “¾
  • &sup2; and &sup3; give “²” and “³” respectively
  • &micro; gives the “micro” prefix, “µ[15]

Unit symbols

  • &deg;, &prime;, &Prime; for “°” (degree), “” (minute), “” (second)
  • &euro; for “” (euro), &#8355; for “” (French franc), &pound; for “£” (pound), &#8356; for “” (lira), &yen; for “¥” (yen)

For more, see “Currency Symbols”, within “Alan Wood’s Unicode Resources”.

Letters for German, French, and Japanese

Letters with diacritics: acute, grave, circumflex, diaeresis/umlaut, macron
&aacute; á &agrave; à &acirc; â &auml; ä &#257; ā
&eacute; é &egrave; è &ecirc; ê &euml; ë &#275; ē
&iacute; í &igrave; ì &icirc; î &iuml; ï &#299; ī
&oacute; ó &ograve; ò &ocirc; ô &ouml; ö &#333; ō
&uacute; ú &ugrave; ù &ucirc; û &uuml; ü &#363; ū
&Aacute; Á &Agrave; À &Acirc; Â &Auml; Ä &#256; Ā
&Eacute; É &Egrave; È &Ecirc; Ê &Euml; Ë &#274; Ē
&Iacute; Í &Igrave; Ì &Icirc; Î &Iuml; Ï &#298; Ī
&Oacute; Ó &Ograve; Ò &Ocirc; Ô &Ouml; Ö &#332; Ō
&Uacute; Ú &Ugrave; Ù &Ucirc; Û &Uuml; Ü &#362; Ū

Camera-wiki.org spells Angénieux not “Angenieux” but “Angénieux”, it spells Voigtländer not “Voigtlander” but “Voigtländer”, and so on. Indeed, French, German, and (usually in Hepburn romanization) Japanese have contributed a lot of names, book titles and so forth to Camera-wiki-org. If your keyboard is set up to add accented and similar characters easily — perhaps it is already mapped for one of these languages, or you remember the needed keystroke combinations — then you can add them in the way that you’d do so elsewhere. Read on only if that doesn’t apply.

For vowel letters with diacritics, see the table to the right. Also useful for these languages are:

  • Ligatures: &aelig; for “æ”; &AElig; for “Æ”; &oelig; for “œ”; &OElig; for “Œ”; &szlig; for “ß[16]
  • Cedilla: &ccedil; for “ç”; &Ccedil; for “Ç

Of course names in languages other than English, French, German and Japanese should also be given precisely. (See for example “Saulutė”, an article on a Lithuanian light meter, the dotted final letter of whose name must be distinguished from the Lithuanian alternatives “e” and “ę”.) Other combinations with diacritics (as well as letters not used for any of these languages) can be found in:

all three of which are within “Alan Wood’s Unicode Resources”. (Their order — Latin‑1 Supplement → Latin Extended‑A → Latin Extended‑B — is broadly that of increasing exoticism as seen by the majority of people who only know English.)

Greek letters

The standard, unaccented Greek letters have easily remembered character entity references: between the & and the ; is the name of the letter, spelled as is usual in English but with the first letter of this name lowercase or capital for a lowercase or capital Greek letter respectively.

For example, &theta; and &Theta; bring “θ” (lowercase theta) and “Θ” (capital theta) respectively.

Greek and Coptic” (in “Alan Wood’s Unicode Resources”), provides all the information needed.

Punctuation, line-break related symbols, etc.

  • &ndash; and &mdash; give “” (en dash) and “” (em dash) respectively[17]
  • &para; and &sect; give “” and “§” respectively
  • &copy; gives the copyright symbol “©[18]

&nbsp; creates a non-breaking space, one that will not break over two lines; useful if (for example) you don’t want the “A” to be separated from the “Ikonta” in “Ikonta A”.

Don’t attempt to insert soft hyphens. For a non-breaking hyphen, use &#8209;.

For more characters, see:

both of which are within “Alan Wood’s Unicode resources”.

Page layout

Don’t try to force the content into a preconceived layout design of your own. However, it may help to design small parts of a page.

For small agglomerations of images, the use of tables (described above) is acceptable. But tables are better avoided for anything large, as they tend to force a lot of scrolling in small browser windows.

If you know CSS, you can make judicious use of the div element with the style attribute for page layout. An example follows.

Use <div class="center" style="width:auto; margin-left:auto; margin-right:auto;"> to start, and </div> to end, a block of text that you want centred.

Floating

In this section, the discussion gets a little advanced. If this doesn’t interest you (or repels you), feel free to skip it: another editor who finds this work more palatable will be able to do it where desirable.

Above, we’ve seen how to “float” a narrow table to the left or right. Other “block-level elements” (as they’re called in XHTML and HTML) can be floated too; for Camera-wiki.org, this generally means the content of a div element.

Floating involves CSS. For a div element to float, its opening tag must contain style="[rules separated by semicolons]", and one of these rules must be float:left or float:right. The former floats the element to the left; the latter floats it to the right; other material is allowed to wrap around it.

In order to avoid ugly scrapes against text, the floated element should normally have margins specified. this is done with another CSS rule, margin:T R B L, where T, R, B and L are respectively the top, right, bottom and left margins (i.e. clockwise from the top). A margin of zero need not have the unit specified; any non-zero margin needs a unit. Here, let’s use pixels. The abbreviation for them is px, and (like any unit in CSS) it is not preceded by a space.

Typically floated elements only benefit from a margin at the side to which there may be text, and below. The two examples below each have a five-pixel margin below and at one side:

<div style="float:left; margin:0 5px 5px 0">
[. . .]
</div>

<div style="float:right; margin:0 0 5px 5px">
[. . .]
</div>

Clearing

In this section, the discussion is slightly advanced. If this doesn’t interest you (or repels you), feel free to skip it: another editor who finds this work more palatable will be able to do it where desirable.

Simply, “clearing” gets under what’s “floated”; if nothing has been directed to float, there’s never a need to “clear”.

If something is floating to the right and there is space to its left, an element (paragraph, header, etc.), will start to its left. To prevent this from happening, you need to get the element to clear its left-hand side. You do this with inline CSS, and specifically the rule clear:left.

Inline CSS requires the style attribute, which in turn requires an XHTML tag. Partly because wiki text seldom requires these (for example, it’s rare for a paragraph in wiki text to be explicitly opened and closed[19]), and partly out of habit, wiki editors often use a “styled” line break for this: <br style="clear:left" />. To obtain this with fewer keystrokes instead type the substituted template {{subst:brl}}.

Likewise, if something is floating to the left and there is space to its right, an element (paragraph, header, etc.), will start there. To prevent this from happening, you need to get the element to clear its right-hand side. You do this with the CSS rule clear:left. A common way to do this is with <br style="clear:right" />; you can get this by typing {{subst:brr}}.

Or you can prevent material from being on either side, by using the CSS rule clear:both. A common way to do this is with <br style="clear:both" />; you can get this by typing {{subst:br}}.

Links

For links from graphics, see Adding images.

Internal links

Link to another page, or to a points within one or a point within the same page, where this seems useful.

For example, when writing about a camera made by Nikon, link "Nikon" to the page about it (i) the first time that "Nikon" is mentioned in the article, (ii) at any point where Nikon, the maker, is discussed (rather than merely mentioned), and optionally also (iii) when "Nikon" is first mentioned in a section coming some way below any previous link to that same page.

Case (the capital/lowercase distinction), spaces, and such tiny distinctions as that between hyphen and en dash are all significant.

Linking to another page

Camera-wiki.org has a page titled “Pearlette”. The simple way to link to it is [[Pearlette]] (for “Pearlette”).

If it helps to link to this page but use another name for it, this other name follows the title and the pipe character (“|”): [[Pearlette|Konishiroku Pearlette]] (for “Konishiroku Pearlette”).

The case (capital versus lowercase) of the first letter doesn’t matter. Camera-wiki.org has an article “Light meter”, but a link to [[light meter]] works for it: “light meter”.

What immediately follows such an internal link (and is not separated by a space, an apostrophe, etc.) is visually “blended” into the link. Thus [[light meter]]s appears as a link to “light meters”, plural (“light meters”), but actually links to the title within the brackets.[20]

When followed by nothing at all, the pipe character (“|”) performs either of two tricks:

  • It hides title endings in parentheses: [[Semi Wester (postwar)|]] for “Semi Wester”.
  • It hides certain (although not all) namespace prefixes: [[Help:Adding images|]] for “Adding images”.

It also does both of these: [[Template:Japanese 6×6 TLR (A–L)|]] for “Japanese 6×6 TLR”.

Linking to a point within a page

Link to a given header within another page via [[Article_title#Header|Text]]. (Find the right form of the header by examining the URL as shown in your browser after you have clicked its title within the table of contents.)

For example, [[Olympus#Pen_Digital_.28micro_four_thirds.29|µ4/3 Pen]] for “µ4/3 Pen” — i.e. the section titled “Pen Digital (micro four thirds)” within “Olympus”.

Linking to a point within the same page

In order to link to a point within the same page, skip the article title and instead simply start with #; for example, [[#Tables|Tables]] for “Tables” within this page.

Rather than plain “(see above)” or “(see below)”, it’s helpful to write (see [[#Tables|above]]) — for “(see above)” — or similar.

Anticipating link rot

If a page within Camera-wiki.org is later moved (renamed), an existing (or new) link to it under its former name should still work. So even after the article “Carl Flex” was moved to “Carlflex”, any link to the former (example) has been automatically redirected to the latter.

However, if a the title of a header within an article is changed, a link to the header will no longer work (and instead will send the browser to the top of the page). Therefore only link to a header within a page that already seems to have been edited to a stable state, and consider adding a hidden comment next to the target of the link, telling subsequent editors that they should only rename it if they do so with care.

External links

Simply, for a link to a page outside Camera-wiki.org, put within single (square) brackets: the URL followed by a space (no pipe character) and the page title: [http://www.tlr-cameras.com/ TLR Cameras Website] for TLR Cameras Website.

Interwiki links work for some other wikis. For example, [[Wikipedia:Fujifilm]] brings Wikipedia:Fujifilm. Combination with a pipe and an alternative title works: [[Wikipedia:Fujifilm|Fujifilm (Wikipedia)]] brings Fujifilm (Wikipedia). Likewise, [[Commons:File:Perfekta_6x6_IMGP4292.jpg|Perfekta (Wikimedia Commons)]] brings Perfekta (Wikimedia Commons). There’s also a handy shortcut employing the pipe character: [[Wikipedia:Fujifilm|]] brings Fujifilm.[21]

For more on interwiki links, see “Interwiki” (MediaWiki).

Footnoting

After either a factual assertion that would benefit from being sourced to an authority, or an opinion or quotation, add a source footnote. Also, peripheral or less important material that might try some readers’ patience can go into a footnote.

If the article is to have any footnotes, then there should be the single self-closing tag <references /> somewhere below the point from which the last of the footnotes is to be linked. (It normally goes under — and indeed is the only text under — the header ==Notes==.)

Write each footnote at the point in the main text from which there should be an index number. Insert <ref>XYZ</ref>. This will lead to the automatic generation of an appropriate index number and a footnote that reads “XYZ”.

A given footnote may be pointed to from two or more places. In any one of these places — among which the first is strongly recommended, as this position aids subsequent editing — add the footnote in full, but with a name.[22] Example: <ref name="perfekta66">XYZ</ref>. Each of the other pointers to the same footnote is simply a self-closing tag with the same name: <ref name="perfekta66" />.

The actual content of the footnote is not moved within the editable text by any automatic process; only its position within the finished page is moved. Therefore if you wish to edit a footnote that is already in place, you have to do so by editing the section of the page from which the footnote is linked. For example, a footnote from here,[23] can be edited by editing this section (“Footnoting”), not the section below titled “Notes”.

When you’re editing any one section of an article from which there are footnotes, “Show preview” won’t give you a preview of these footnotes. There are two ways around this:

  • Take the option to edit the article as a whole, rather than the one section within it. (Of course you’re then free to limit your edits to this one section.)
  • Edit the section, temporarily adding <references /> to the end of it. The preview function will now show the footnotes too. (If any of these repeats a footnote defined elsewhere, you’ll get an error message. Ignore this.) When all seems well, delete <references /> and press the “Save page” button.

Common practice in Camera-wiki.org has been to lump together all footnotes, from dry page references to learned digressions, under the single title “Notes” (or occasionally “References”). They may however be separated. It may at first seem somewhat pretentious to have two sets of footnotes for a single web page, but doing this can help the reader: if a page has many dry source footnotes, the reader may not bother to look at them, and will therefore miss the occasional interesting footnote.

If it does seem a good idea to separate the two kinds of footnotes, then here is how to do this:

  • Create “source” notes as described above.
  • Create “content” notes (which should be few) as described above; but for each have <ref group="XYZ"> rather than simple <ref>. “XYZ” here can be any one name that you wish (e.g. “content”). (This “group="XYZ"” may be combined with “name="ABC"”, and in either order.)
  • Have two section headers near the foot of the page, first “Notes” (for “content” notes), and then “References” (for “source” notes).
  • Place <references /> under the header “References”.
  • Place <references group="XYZ" /> under the header “Notes”.

For an example of a page in which notes are separated from references, see Ofuna Six.

For more on footnotes, see Footnotes, within Wikipedia’s “Manual of Style”. (However, the “Reflist” macro, described in that page and widely used within Wikipedia, does not exist in Camera-wiki.org.)

Categories

For more on categories, see Help:Categories.

Categorization adds ways in which articles can be found. In order to add a page to a category,[24] add a link to the category at the foot of the page. Thus in order to add Luxette to the category “German 4x4”, add [[Category:German 4x4]] to the foot of the former (but don’t touch the latter).

Within the category, the page that you categorize is normally listed according to its title (so Luxette will be under “L”). More often than not this is appropriate. But it’s sometimes better to force a different listing.

  1. Consider the Minolta SR-T 201. Within Category:Japanese 35mm SLR, it’s better listed among the Minoltas, under “M”. But if Category:Minolta SR mount has all the SR-mount Minolta models listed under under “M”, the result may be difficult to use and certainly will be ridiculous. The solution is the combination of [[Category:Japanese 35mm SLR]] and [[Category:Minolta SR mount|SR-T 201]]: in the latter, “|SR-T 201” results in listing as if titled “SR-T 201”.
  2. Consider the article “Minolta” itself. It should certainly be listed within Category:Minolta, but where? Not lost under “M”, but instead at the top. The kludge for this is an asterisk after the pipe character: [[Category:Minolta|*]].
  3. Consider the article “Ōki”. While it's obvious to us humans that the initial “Ō” is some kind of “O”, this is not so for the MediaWiki software, which will put the former somewhere after “Z”. Therefore its links to categories are exemplified by [[Category:Japanese camera makers|Oki]], which lists it where it would be if the macron were not present.

Exceptionally, you may want to display a regular link to a category. If so, prefix a colon (“:”) to “Category”. Thus [[:Category:German 4x4]] renders “Category:German 4x4”.

Templates and transclusion

A template is a wiki page designed to be used as a module within other pages.

Templates are numerous and very varied; let’s start by introducing a simple one (one that’s short and has no variables). Insertion of {{Dechert Canon}} inserts “Template:Dechert Canon”:

Dechert, Peter. Canon Rangefinder Cameras 1933–68. Hove, East Sussex: Hove Foto Books, 1985. ISBN 0-906447-30-5.

There are two ways to insert a template: {{Subst:Dechert Canon}} (for substitution) and {{Dechert Canon}} (for transclusion); note how “Subst:” appears in the former.

With substitution, the content of the template is added to the article the first time the editor presses the “Save page” button. No subsequent change to the content of the template can have any effect.

Transclusion means dynamically including content from another location, content which later be independently edited. So with transclusion, the content of the template is added to the article only when the browser accesses the article. Thus what appears stays up to date with the template.

If the template is not expected to change, then substitution has the advantage of imposing a slightly smaller load on the webserver.

To understand how transcluding can help, let’s look at an example. Thanks to the Wayback Machine,[25] here is a February 2007 version of the article Mihama Six. At its top right is a template listing similar Japanese cameras. Pay attention to the list of folding 6×6 cameras, which has 35 items. Again via the Wayback Machine, here is a January 2009 version. The number of folding 6×6 cameras has almost doubled. (Just for “A” and “B”, it has added Angel Six, Balm Six, Baron, Beauty Six [1950] and Beauty Six [1953].) Editors here have always known that yet more such cameras might be discovered and written up, so they have made sure that the template has remained transcluded rather than substituted, happy that the addition of a camera article to the wiki will require its addition in just one place (the template) in order that mention of it is added every article containing that template.

In order to link to a template (for example, within a talk page, in order to discuss its use), put the entire name in square brackets: [[Template:Dechert Canon]] renders “Template:Dechert Canon”.

Creation of a template is beyond the scope of this page.

Transclusion is not limited to templates: pages in other namespaces (other kinds of pages) can be transcluded too. However, in Camera-wiki.org (unlike Wikipedia) it is very rare for the transclusion of any page other than a template to be needed or even desirable.

For more on transclusion and templates, see Transclusion, Template and Template namespace, all at Wikipedia. While reading these and other explanatory pages at Wikipedia, you should be aware that templates often themselves employ other templates, and that the explanations there recommend the use of certain templates (such as the very humdrum “Tl”) that do not exist in Camera-wiki.org.

Miscellaneous

Hidden comments

Material written between an opening <!-- and a closing --> is visible to anyone who edits the page but isn’t otherwise visible. (This is useful both for temporarily “commenting out” material that’s seriously flawed but that could later be fixed and for making certain kinds of comments for future editors — although most comments are better placed in the article’s talk page.)

Any material can be placed in a hidden comment, as long as it does not include a pair of hyphens. (An implication of this is that one comment cannot be nested in another comment.)

Horizontal rules

Make a horizontal rule (line) by placing an unbroken set of four hyphens (“----”), and only these hyphens, on a line.

Space starting a line

The line you are reading now is a sample of

— it’s a sample of something that’s almost never wanted within Camera-wiki.org: monospaced lettering. It’s achieved simply thanks to a space at the start of the line. Though here it’s of course deliberate, for demonstration purposes, more often than not it’s accidental. If your (normally-intended) text looks like this, check that you haven’t preceded it with a space.

Notes

  1. This is a very dubious convention, as what it does is to insert XHTML whose meaning is specific to definitions, which of course are irrelevant. But it’s well entrenched.
  2. This is specific to XHTML. Usually, the MediaWiki software effortlessly converts to this from “<br>” (which is specific to HTML) or worse, but in certain situations it fails to do so.
  3. As editors often discover by accident, a level higher than any of these can be achieved via a single equals sign on each side. Do not use this.
  4. Not “center”, which is unavailable.
  5. 5.0 5.1 5.2 The lack of a space before “em” within this isn’t careless; it’s deliberate and indeed necessary for CSS.
  6. 6.0 6.1 The property “background-color” must be so written. A hyphen, not a space; US spelling, not British. This is required by CSS, devised by W3C; if you don’t like it, please blame W3C and not Camera-wiki.org.
  7. 7.0 7.1 The idea is “#RRGGBB”: a two-digit hexadecimal value for red, green and blue respectively. At the extremes, “#ffffff” (three colours at full blast) is white; “#000000” (none of any colour) is black. Case does not matter: “#af00bb” is the same as “#AF00BB”. You may encounter three-digit references; these are equivalent to six-digit references in which each of the three digits is doubled, so for example “#fc9” is the same as “#ffcc99”. To find the right values for a colour, see for example this page (at W3schools.com). (Whether or not a colour is “web safe” for monitors that can only display 256 colours is no longer an issue. By contrast, legibility is an issue.) Certain named colours are also possible; for a list arranged by colour, see this page (also at W3schools.com).
  8. 8.0 8.1 The em is a typographic unit of length, in practice roughly equal to the height of the particular font.
  9. In various wikis, a line-starting semicolon is often used to create a quasi-header that will not appear in the table of contents. This is poor practice, as the line-starting semicolon triggers generation by the MediaWiki software of the header-irrelevant XHTML definition markup <dl><dd>...</dd></dl>. If you want such a quasi-header, simply use regular, treble-apostrophe bolding for it.
  10. These must be standard, straight-from-the-keyboard apostrophes: “  '  ”. By contrast, “typographic quotes” — opening- and closing-specific quotation marks “  ” and “  ” — won’t work for this.
  11. Only very rarely needed. Where it is appropriate (in certain kinds of image captions, etc.), the particular template usually automates it.
  12. Again, very rarely needed, other than perhaps for transcribing inscriptions. Hard to read, and easily confused with a link.
  13. 13.0 13.1 Other wikis recommend a simpler way of doing this; however, this involves mark-up that is “deprecated” (i.e. obsolete and disapproved by W3C).
  14. Again, very rarely needed, other than perhaps for quasi-deleting your own comment in a talk page after you have realized that it is mistaken. (Normally, old comments should not be deleted.)
  15. Despite being its origin and visually identical, the Greek letter “μ” is correctly separate in Unicode, and given by &mu;.
  16. This “ß” is the Eszett or scharfes S of German, suitable for transcribing German inscriptions and so forth. Usually it is better simply rendered as “ss” within an English-language context. Do not use it for lowercase Greek beta “β”, which is instead rendered by &beta;.
  17. The minus symbol is different: “&minus;”.
  18. Unicode does not provide a copyleft symbol like that within the “GNU FDL free doc license” graphic on this page.
  19. However, this is possible, and it can be used for this purpose. The markup for a regular paragraph is <p> ... </p>; and that for a paragraph that clears anything at its left is <p style="clear:left"> ... </p>.
  20. On rare occasion this “blending” isn’t wanted. It can then be suppressed via the <nowiki> tag. Thus although [[light meter]]ed appears as “light metered” (perhaps giving the misleading impression of an article about the process of metering), [[light meter]]<nowiki>ed</nowiki> appears as “light metered”.
  21. However, this seems buggy. Here in a footnote, [[Wikipedia:Fujifilm|]] brings [[Wikipedia:Fujifilm|]].
  22. The name should start with a simple letter (A–Z, a–z), and should only include letters, digits (0–9), underlines and/or hyphens.
  23. A footnote crying out to be edited and turned into something worthwhile.
  24. Or to categorize it, or to add the category to the page — these are widely used ways of expressing the same one idea.
  25. The reason why we point to the older examples at the Wayback Machine rather than here in Camera-wiki.org is related to the template: that display of an old version here will show it with any templates as these are now, and not necessarily as they were at the time.

See also