Pāriet uz saturu

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

Vikipēdijas lapa
Īsā adrese:
WP:HTML5

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

Teksta formatējums

[labot pirmkodu]
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 pirmkodu]

big

[labot pirmkodu]

<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

[labot pirmkodu]

Teksts

[labot pirmkodu]

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

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

Veidnes

[labot pirmkodu]

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

Tabulas

[labot pirmkodu]

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

[labot pirmkodu]

<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

[labot pirmkodu]

<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

[labot pirmkodu]

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

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

Tabulu atribūtis

[labot pirmkodu]

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 pirmkodu]
  • 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:

Atsauces

[labot pirmkodu]
  1. ↑ http://www.whatwg.org/specs/web-apps/current-work/multipage/obsolete.html#non-conforming-features
  2. ↑ http://www.w3.org/TR/html5-diff/#obsolete-elements
  3. ↑ SELFHTML — List of items for markup
  4. ↑ http://www.whatwg.org/specs/web-apps/current-work/multipage/obsolete.html#non-conforming-features
  5. ↑ SELFHTML — HTML/deprecated
  6. ↑ «Table». W3C.
  7. ↑ «Table cell». W3C.
  8. ↑ «Table header cell». W3C.
Saturs iegūts no "https://lv.wikipedia.org/w/index.php?title=Vikiprojekts:Vikipēdijas_uzlabošana/Citas_vārdtelpas/HTML5&oldid=3336880"