Autor Zpráva
maxpower
Profil *
Ahoj,

snažím se zvalidovat svůj první web, do kterého jsem nedávno přidal css a trochu jsem si pohrál se semantikou....jenže teď můj web není validní.

Ne, že by mi to nějak moc vadilo, ale chtěl bych vědět, kde je chyba.....tak pokud budete mít někdo náladu, koukněte se mi prosím na kód....

můj web: http://www.freewebtown.com/veny_rico/home.html

moc díky za pomoc.....
maxpower
Profil *
tady je ten kód:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Úvod / Veny Rico a MaDaM QR Official Web Site</title>


<link rel="stylesheet" type="text/css" href="maxstyle.css">
<link rel="shortcut icon" href="favicon.ico">
<meta http-equiv="Content-Style-Type" content="text/css">

<meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
<meta name="description" content="Veny Rico And MaDaM QR Gallery.">
<meta name="keywords" content="hip hop, veny rico, madam qr, acy, graffiti, download, video">
<meta name="robots" content="noindex,follow">
<meta name="googlebot" content="nosnippet,noarchive">
<meta http-equiv="Content-language" content="cs">
<meta name="author" content="Max Power">
<meta http-equiv="imagetoolbar" content="no">
</head>
<body>
<table border="5" cellpadding="3" align="center" width="855" summary="home.html">
<caption>
<img src="hlavicka.gif" width="855" height="150" alt="Vítejte / Welcome">
</caption>
<thead>
<tr>
<th align="center" width="95"><a class="tlacitko" href="home.html"><b>Home</b></a></th>
<th align="center" width="95"><a class="tlacitko" href="bio.html"><b>Bio</b></a></th>
<th align="center" width="95"><a class="tlacitko" href="alba.html"><b>Alba</b></a></th>
<th align="center" width="95"><a class="tlacitko" href="fotky.html"><b>Fotky</b></a></th>
<th align="center" width="95"><a class="tlacitko" href="videa.html"><b>Videa</b></a></th>
<th align="center" width="95"><a class="tlacitko" href="download.html"><b>Download</b></a></th>
<th align="center" width="95"><a class="tlacitko" href="madam.html"><b>MaDaM QR</b></a></th>
<th align="center" width="95"><a class="tlacitko" href="texts.html"><b>Texty</b></a></th>
<th align="center" width="95"><a class="tlacitko" href="odkazy.html"><b>Odkazy</b></a></th>
</tr>
</thead>
<tbody>
<tr>
<td colspan="2" bgcolor="black" width="185">
<p></p>
<h2 align="center">Kontakty:</h2>
<p></p>
<h3>E-mail: </h3><div>veny_rico@centrum.cz</div>
<h3>ICQ: </h3><div>485 003 221</div>
<p></p>
<h3>Webdesign: </h3><div>maximus.power@seznam.cz</div>
<p></p>
<h3>Grafika a animace: </h3><div>madman@centrum.cz</div>
<p></p>
<form name="Rychly_vzkaz" action="mailto:vsofka@seznam.cz?Subject=Rychly_vzkaz" method="post" enctype="text/plain">
<table align="center" border="0">
<td><tr><h2 align="center">Rychlý vzkaz:</h2>
<textarea name="Vzkaz" cols="20" rows="5"></textarea></tr></td>
</table>
<div style: align="center">
<input type="submit" class="tlacitko" value="Odešli to">
<input type="reset" class="tlacitko" value="Smaž to">
</div>
</form></td>
<td colspan="5" bgcolor="black">
<div style="overflow: auto; width: 100%; height: 602px">
<h4 class="home"><span style="font-family: Helvetica, Arial; font-size: 12pt; color: RGB(119, 240, 79);">17. ledna 2009</span> - Menší úpravy + aktualizace Galerie MaDaM QR</h4>
<p class="home">Po kritice na stránkách www.jakpsatweb.cz jsem se rozhodl zcela předělat vzhled a především kód html tak, aby byl nejen validní ale i semantický. Doufám, že se nový vzhled líbí. Pokud by jsi mi ho chtěl zkritizovat, zanech mi rychlý vzkaz. Dále přibylo pár obrázků v Galerii <a href="madam.html">MaDaM QR</a>.</p>
<hr>
<h4 class="home"><span style="font-family: Helvetica, Arial; font-size: 12pt; color: RGB(119, 240, 79);">12. října 2008</span> - Aktualizace po delší době</h4>
<p class="home">Konečně jsou nahrány všechny fotografie na web, takže si už nemusíte prohlížet pouze miniatury:) Jinak další novinkou je funkční odkaz na live album R.I.P., jenž zachycuje poslední koncert ACY ve svém rodné městě - Opavě. Takže....<a href="download.html">stahuj</a>, čekuj, kontroluj, recenzuj, drbej, pomlouvej....jak je libo.</p>
<hr>
<h4 class="home"><span style="font-family: Helvetica, Arial; font-size: 12pt; color: RGB(119, 240, 79);">14. září 2008</span> - První validace HTML</h4>
<p class="home">První validace HTML 4.01 na stránkách http://validator.webylon.info/ byla úspěšná. Dobrá práce Maxi Powere!</p>
<hr>
<h4 class="home"><span style="font-family: Helvetica, Arial; font-size: 12pt; color: RGB(119, 240, 79);">13. září 2008</span> - Nový oficiální website Venyho Rica spuštěn</h4>
<p class="home">od 13. září 2008 mohou všichni bez omezení věku, pohlaví, náboženství či rasy prohlížet si zcela nové stránky Venyho Rica. Stránky jsou ve zkušebním provozu. Pokud máte jakékoliv připomínky, pište na vsofka@centrum.cz nebo na ICQ 485 003 221. Peace
</div></td>
<td colspan="2" bgcolor="black" width="190"><a href="download.html"><img src="free.gif" width="185" height="602" alt="free download"></a></td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="9" align="center"><a class="mejl" href="mailto:maximus.power@seznam.cz"><b>website by Max Power</b></a></td>
</tr>
</tfoot>
</table>
</body>
</html>
maxpower
Profil *
a tady výsledek validace:



Výsledek: Dokument neprošel validací, 15 chyb.
Adresa: http://www.freewebtown.com/veny_rico/home.html
Typ zdroje: (automatická detekce) HTML 4.01 Strict HTML 4.01 Transitional HTML 4.01 Frameset HTML 4.01 + RDFa ISO HTML HTML 5 (experimentální) XHTML 1.0 Strict XHTML 1.0 Transitional XHTML 1.0 Frameset XHTML + RDFa 1.0 XHTML 1.1 XHTML Basic 1.0 XHTML Mobile 1.1 MathML 2.0 Kanál (RSS, ATOM atd., experimentální) WAP 1.1 WAP 1.2 WAP 1.3 SVG 1.0 SVG 1.1 SVG 1.1 Tiny SMIL 2.0 SMIL 2.1 SMIL 2.1 Mobile XHTML + Voice 1.2 VoiceXML 2.1 SSML 1.0 SGRS 1.0 text/html — HTML 4.01 Transitional
Kódování: (automatická detekce) iso-8859-2 (střední Evropa) windows-1250 (střední Evropa) utf-8 (Unicode, celosvětové) us-ascii (7 bitů, základní angličtina) windows-1250 (tvrdí interní deklarace)
Zobrazit: zdroj, HTTP hlavičky

# Stránka není validní HTML 4.01 Transitional.
seskupovat podobné hlášky
Následuje seznam připomínek:

Řádek 51, znak 9: ukončovací značka elementu "FORM" je vynechána, což jeho deklarace nepřipouští.
<form name="Rychly_vzkaz" action="mailto:vsofka@seznam.cz?Subject=Rychly_ ^Zapomněli jste uzavřít element.

Řádek 52, znak 11: ukončovací značka elementu "TABLE" je vynechána, což jeho deklarace nepřipouští.
<table align="center" border="0"> ^ Řádek 53, znak 16: počáteční značka elementu "TR" je vynechána, což jeho deklarace nepřipouští.
<td><tr><h2 align="center">Rychlý vzkaz:</h2> ^ Řádek 53, znak 39: element "H2" není dovolen na tomto místě; musí být uvnitř jednoho z elementů "TH", "TD".
<td><tr><h2 align="center">Rychlý vzkaz:</h2> ^Výše uvedený element sice je v definici typu dokumentu, ale není dovolen na tomto místě. Zde jsou dovolené pouze ostatní uvedené elementy a ty teprve mohou obsahovat onen problematický element. Možná tedy pomůže, pokud tento element obalíte do jednoho z vyjmenovaných… nebo jste možná někde před tím zapomněli zavřít jiný element.

Jednou z možných (a velmi oblíbených) příčin je, že jste vložili blokový element (P nebo TABLE) do řádkového (A, SPAN nebo STRONG). To se nedělá. Další možný viník také je LI, který není uvnitř UL či OL.

Řádek 54, znak 54: element "TEXTAREA" není dovolen na tomto místě; musí být uvnitř jednoho z elementů "TH", "TD".
<textarea name="Vzkaz" cols="20" rows="5"></textarea></tr></td> ^ Řádek 54, znak 70: ukončovací značka elementu "TR", který dosud neskončil.
<textarea name="Vzkaz" cols="20" rows="5"></textarea></tr></td> ^Tuto chybu pravděpodobně způsobuje překřížení elementů. Pokud ne, pak to zcela určitě znamená, že v uvedeném elementu něco povinného chybí — například v UL musí být aspoň jeden LI atd.

Řádek 56, znak 25: "STYLE:" není možnou hodnotou žádného z atributů.
<div style: align="center"> ^ Řádek 60, znak 15: ukončovací značka pro element "FORM", který není otevřen.
</form></td> ^Validátor našel ukončovací značku pro uvedený element, ale ten nebyl otevřen. Taková věc se často stává, smažete-li při editaci dokumentu otevírací značku nebo se pokusíte uzavřít elementy v jiném pořadí, než v jakém jste je otevřeli.

Element se také mohl sám implicitně zavřít, pokud má nepovinnou ukončovací značku a pokusili jste se do něj dát něco, co do něj nepatří.

Tato chyba též mohla nastat uvnitř elementu <script> z důvodu vypisování HTML kódu JavaScriptem. V takovém případě použijte zápis <\/tag> — přidejte obrácené lomítko, to funkčnost neovlivní, ale chybu ve validitě odstraní.

Řádek 60, znak 20: ukončovací značka pro element "TD", který není otevřen.
</form></td> ^ Řádek 61, znak 38: element "TD" není dovolen na tomto místě.
<td colspan="5" bgcolor="black"> ^Uvedený element se objevil někde, kde jeho existence není žádaná. Může jít o nekorektní zanoření elementů nebo také jejich překřížení.

Jedna z běžných příčin této chyby je používání XHTML syntaxe v HTML dokumentu. Kvůli pravidlům HTML o implicitním zavírání značek může mít tahle chyba kaskádový efekt a vyvolat řadu dalších chybových hlášek.

Řádek 75, znak 50: element "TD" není dovolen na tomto místě.
colspan="2" bgcolor="black" width="190"><a href="download.html"><img src="free.g ^ Řádek 76, znak 9: ukončovací značka pro element "TR", který není otevřen.
</tr> ^ Řádek 77, znak 10: ukončovací značka pro element "TBODY", který není otevřen.
</tbody> ^ Řádek 78, znak 9: element "TFOOT" není dovolen na tomto místě; předpokládám chybějící počáteční značku "TABLE".
<tfoot> ^ Řádek 83, znak 8: ukončovací značka elementu "TABLE", který dosud neskončil.
</table> ^
2006–2008 &copy; Chamurappi; tuto službu neprovozuje W3C.

Poděkování: Datac spol. s r.o., Lehce.eu




.....pro lepší orientaci doporučuji vložit odkaz na můj web přímo do stránky http://validator.webylon.info.....

díky
Trejpa
Profil
maxpower
Jsou tam jen tři hlavní chyby, ostatní výpisy jsou pouze jejich dopady na ostatní elementy.

1)
<td><tr><h2 align="center">Rychlý vzkaz:</h2>
<textarea name="Vzkaz" cols="20" rows="5"></textarea></tr></td>

nahraď:
<tr><td><h2 align="center">Rychlý vzkaz:</h2>
<textarea name="Vzkaz" cols="20" rows="5"></textarea></td></tr>


2)
<div style: align="center">

nahraď
<div align="center">


3)
Značka <tfoot> se používá před <tbody>, prohlížeče si to samy přesunou na konec. Příklad správného použití:
<table>
 <thead>
  <tr><td>jméno<td>Kč
 </thead>
 <tfoot>
  <tr><td>celkem<td>72
 </tfoot>
 <tbody>
  <tr><td>Pavel<td>32
  <tr><td>Jana<td>40
 </tbody>
</table>
maxpower
Profil *
moc díky,

to s tím thead a tfood jsem netušil, je vidět, že ve spoustě publikací o tvorbě webu píšou chyby, protože tohle jsem opravdu slyšel poprvé.....a hnedka to zkusím a funguje to...

náhodou, nevěděl by sis rady aji s validací této stránky?

http://www.freewebtown.com/veny_rico/videa.html


je tam vloženo video z youtube.com, ale zápis, který youtube nabízí je nevalidní a podle návodu

http://latrine.dgx.cz/jak-spravne-vlozit-flash-do-stranky

to nejede tak jak by mělo.....
Medvídek
Profil
který youtube nabízí je nevalidní
http://www.ovsem.net/webdesign/jak-mit-validni-flash-xhtml-1.0-transitional
maxpower
Profil *
a nevadí, že mám doctype:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

???
panther
Profil
maxpower
a nevadí, že mám doctype
a nevadí, že to nemáš validní, když:
- se to správně zobrazuje
- kód nikdy neslyšel ani zdaleka slovo sémantika
- se nedá mluvit ani o přístupnosti a použitelnosti.


Jestli ti mohu něco doporučit, tak se zaměř na věci, které přinesou webu užitek a zelenou fajfku nech zatím s klidem být.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: