Vikiprojekts:Vikipēdijas uzlabošana/Citas vārdtelpas/HTML5

Īsā adrese:
WP:HTML5

Šajā lapā apkopota informācija par Vikipēdijas pielāgošanu HTML5.

Teksta formatējums

labot šo sadaļu
Novecojis HTML5[1][2] Aizvietojums
{| align="center"
|- align="center"
| align="center" | …
{| class="center"

{| class="centered"

{| style="margin:auto;"
|- style="text-align:center;"
| class="center"

Uzmanību: neviens no aizvietojumiem nav ekvivalents. Novecojušais kods centrēja daudz vairāk lietu.

align="right" {| class="float-right"

style="text-align:right;"

Var izmantot arī position: vai float:, display: inline-block;, text-align:

valign="top" style="vertical-align:top;"
<big>...</big> <span style="font-size:larger;">

! style="font-size:125%;" |

Bieži <span>...</span> vietā lietojams <div>...</div>. Piezīme: larger veido nedaudz mazāku fontu, nekā <big>.

<tt>...</tt> <code>...</code>

<kbd>...</kbd>

<samp>...</samp>

<span style="font-family:monospace,monospace;">

Lietojums atkarīgs no semantikas.[3]

{| bgcolor="gray"

| bgcolor="gray"

{| style="background-color:gray;"

| style="background-color:gray;"

Novecojis kopš HTML4[4][5] Aizvietojums
<center>...</center> <div class="center">...</div>

<div style="text-align:center;">...</div>

<div class="centered">...</div>

<div style="margin:auto;">...</div>

Uzmanību: neviens no aizvietojumiem nav ekvivalents. Novecojušais kods centrēja daudz vairāk lietu.

<strike>...</strike> <s>...</s>

<del>...</del>

<span style="text-decoration:line-through;">...</span>

<font size="3">...</font> <span style="font-size:125%;">...</span>

<small>...</small>

  • x-small : size="1"
  • small : size="2"
  • medium : size="3"
  • large : size="4"
  • x-large : size="5"
  • xx-large : size="6"
<font color="red">...</font> <span style="color:red;">...</span>

<span class="error">...</span>

<font face="Courier">...</font> <span style="font-family:Courier, monospace;">...</span>

<span style="font:125% Courier, monospace;">...</span>

  • HTML5 ir novecojuši arī šie tabulu atribūti: bgcolor, border, bordercolor, cellpadding, cellspacing.

Novecojuši elementi un to atribūti

labot šo sadaļu

<big> var nomainīt uz {{big}}.

Novecojušais kods Aizvietojums Meklēšana
<big>saturs</big> {{big|saturs}}

Esošajam CSS kodam var pievienot font-size: large;.

Novecojušais kods Aizvietojums
<big><span style="text-decoration: overline">saturs</span></big> <span style="text-decoration: overline; font-size: large;">saturs</span>


Novecojušais kods Aizvietojums Meklēšana
<big><big>saturs</big></big> <span style="font-size: x-large;">saturs</span>
<big><big><big>saturs</big></big></big> <span style="font-size: 27px;">saturs</span>
<big><big><big><big>saturs</big></big></big></big> <span style="font-size: 38px;">saturs</span>
<big><big><big><big><big>saturs</big></big></big></big></big> <span style="font-size: 56px;">saturs</span>

<center>...</center> var nomainīt ar {{center}}.

Novecojušais kods Aizvietojums Meklēšana
<center>saturs</center> {{center|saturs}}

Veidņu centrēšanai skatīt veidnes kodā vai dokumentācijā parametru visas veidnes centrēšanai.

Novecojušais kods Aizvietojums Meklēšana
<center>{{gallery}}</center> {{gallery|align=center}}
<center>{{location map}}</center> {{location map|float=center}}
<center>{{listen}}</center> {{listen|pos=center}}
<center>{{chart/start}}</center> {{chart/start|align=center}}
<center>{{wide image}}</center> {{wide image}} (centered by default)
{{wide image|image|<center>caption</center>}} {{wide image|image|align-cap=center|caption}}

Vikipēdijas tagi

labot šo sadaļu
Novecojušais kods Aizvietojums Meklēšana
<center><gallery>...</gallery></center> <gallery class="center">...</gallery>
Šajos tagos var lietot class="center"
Šajos tagos jāizmanto {{center}}
Šajos tagos jāizmanto citas metodes
Šo tagu saturs tiek centrēts pēc noklusējuma
Šiem tagiem nav nepieciešams centrējums

Tabulu centrēšanai jāizmanto CSS:

Novecojušais kods Aizvietojums Meklēšana
<center>
{|

|}
</center>


<div align="center">
{|

|}
</div>

{| style="margin: 1em auto;" (meklēt rakstos)


(meklēt rakstos)

Šūnas centrēšanai:

Novecojušais kods Aizvietojums Meklēšana
|<center>saturs</center>| |style="text-align: center;" | saturs (meklēt rakstos)

<font> elementam ir trīs atribūti, kam ir analogs CSS:

Font atribūts CSS
color color
face font-family
size font-size
Novecojušais kods Aizvietojums Meklēšana
<font color="red">saturs</font>
  • <span style="color: red;">saturs</span>
  • vai
  • {{font color|red|saturs}}
Novecojušais kods Aizvietojums Meklēšana
<font face="Times, serif">saturs</font>
  • <span style="font-family: Times, serif;">saturs</span>
  • vai
  • {{font|text=saturs|font=Times, serif}}

Pievērs uzmanību tam, ka HTML size atribūta vērtība neatbilst CSS vērtībai.

Note that in HTML the value for the attribute does not correspond to any CSS value; it only accepts values 1 through 7.

Novecojušais kods Aizvietojums Meklēšana
<font size="3">saturs</font>
  • <span style="font-size: medium;">saturs</span>
  • vai
  • {{font|text=saturs|size=medium}}
Novecojušais kods Aizvietojums Meklēšana
<font size="3" color="red" face="times, serif">saturs</font>
  • <span style="font-size: medium; color: red; font-family: Times, serif;">saturs</span>
  • or
  • {{font|text=saturs|size=medium|font=Times, serif|color=red}}

<strike>...</strike> (meklēt rakstos) (meklēt visur)

  • <s>...</s> tekstam, kas vairs nav vajadzīgs, pareizs.
  • <del>...</del> tekstam, kas ticis dzēsts for text that has been deleted.

<tt>...</tt> (meklēt rakstos) (meklēt visur)

  • <code> datorkodam
  • <kbd> tastatūras izvadinformācijai
  • <samp> programmas izvadinformācijai

Tabulu atribūtis

labot šo sadaļu

Novecojuši tabulu atribūti.[6]

ovecojušais atribūts CSS šūnai CSS tabulai Meklēšana
  • align="left"
  • align="right"
  • align="center"
  • text-align: left
  • text-align: right;
  • text-align: center;
  • margin-left: auto
  • margin-right: auto;
  • margin: 1em auto;
bgcolor="#ddd" background-color: #ddd; background-color: #ddd;
border="2" border-width: 2px; border-width: 2px;
cellpadding="2" padding: 2px;
cellspacing="2" border-spacing: 2px;
cellpadding="0" cellspacing="0" padding: 0; border-collapse: collapse;
  • valign="top"
  • valign="middle"
  • valign="bottom"
  • vertical-align: top;
  • vertical-align: middle;
  • vertical-align: bottom;
  • vertical-align: top;
  • vertical-align: middle;
  • vertical-align: bottom;
width="25%" width: 25%; width: 25%;
  • {| summary="foo"
  • <table summary="foo">...</table>
Skatīt phab:T43917

Reti izmantoti tabulu atribūti:

Šie atribūti ir novecojuši, ja tos izmanto šūnās.[7][8]

  • abbr
  • scope; scope ir derīgs vienīgi tabulas virsrakstā

Ja tabula tiek izmantota veidnes novietošanai, jāizmanto attiecajā veidnē novietojumam paredzētais parametrs

Kods Korektais kods
{|align=right
|{{navbar|Foo}}
|}
{{navbar|Foo|style=float:right}}

Citi novecojuši atribūti

labot šo sadaļu
  • clear <br /> tagā
Novecojušais kods Aizvietojums Meklēšana
  • <br clear=all />
  • <br clear=left />
  • <br clear=right />
  • <div style="clear: both;"></div> vai {{clear}}
  • <div style="clear: left;"></div> vai {{clear|left}}
  • <div style="clear: right;"></div> vai {{clear|right}}
  • align <div> tagā
Novecojušais kods Aizvietojums Meklēšana
  • <div align=center>...</div>
  • <div align=left>...</div>
  • <div align=right>...</div>
  • <div align=justify>...</div>
  • <div style="text-align:center">...</div>
  • <div style="text-align:left">...</div>
  • <div style="text-align:right">...</div>
  • <div style="text-align:justify">...</div>

Reti izmantoti atribūti: