Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Walidacja W3C
Forum PHP.pl > Forum > Przedszkole
remiq26
29.07.2006, 18:03:46
Witam mam taki prosty skrypt w javascript oparty na div wszystko dział w nim ok ale mam problem z walidacją W3C czy kto może mi pomóc w tym aby to naprawić tak aby pomyślnie przechodził walidację ?
Siedzę już na tym prawie cały dzień ograniczyłem do 8 błędów i klapa.
[HTML] pobierz, plaintext 
  1. <head>
  2. <meta http-equiv="Content-Language" content="pl">
  3. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
  4. <style type="text/css">
  5. <!--
  6.  
  7. #sz1D {
  8. 	DISPLAY: block; font-size:11px;font-family:Verdana,Tahoma,ArialCE,HelvaticaCE,Arial,Helvetica,sans-serif; cursor:hand
  9. }
  10. #sz2D {
  11. 	DISPLAY: none; font-size:11px;font-family:Verdana,Tahoma,ArialCE,HelvaticaCE,Arial,Helvetica,sans-serif; CURSOR: hand
  12. }
  13. #sz3D {
  14. 	DISPLAY: none; font-size:11px;font-family:Verdana,Tahoma,ArialCE,HelvaticaCE,Arial,Helvetica,sans-serif; CURSOR: hand
  15. }
  16. #sz4D {
  17. 	DISPLAY: none; font-size:11px;font-family:Verdana,Tahoma,ArialCE,HelvaticaCE,Arial,Helvetica,sans-serif; CURSOR: hand
  18. }
  19. #sz5D {
  20. 	DISPLAY: none; font-size:11px;font-family:Verdana,Tahoma,ArialCE,HelvaticaCE,Arial,Helvetica,sans-serif; CURSOR: hand
  21. }
  22. div          { font-family: Tahoma; font-size: 10pt; CURSOR: hand
  23.  }
  24. -->
  25. </style>
  26.  
  27.  
  28.  
  29. <body>
  30. <script language=JavaScript>
  31. var cF = "sz1";
  32. function showSea( nD ){
  33. if ( nD && nD.id ){
  34. var oF = document.getElementById( cF + "D" );
  35. var nF = document.getElementById( nD.id + "D" );
  36. if (oF && nF){
  37. cF = nD.id;
  38. oF.style.display = "none";
  39. nF.style.display = "block";
  40. }
  41. }
  42. }
  43. </SCRIPT>
  44.  
  45.  
  46.  
  47.  
  48.  
  49.  
  50. <TABLE cellSpacing=0 cellPadding=0  border=0 width="500" align="left" >
  51.   <TBODY>
  52.   <TR>
  53.     <TD align="left" vAlign=top bgcolor="#FFFFFF">
  54.       <div align="left">
  55.       <TABLE cellSpacing=0 cellPadding=0 border=0  >
  56.         <TBODY>
  57.         <TR>
  58.           <TD height="22" colspan="2" align="center" valign="bottom" id=sz1>
  59. 			<div align="left">
  60. 				<table border="0" cellpadding="0" id="table1" cellspacing="0" width="500" height="23" bordercolor="#FFFFFF">
  61. 					<tr>
  62. 						<td align="center" width="100%" id=sz1 onclick=showSea(this) ><div style="width: 151px; height: 20px">
  63. 						1</div></td>
  64. 						<td align="center" width="100%" id=sz2 onclick=showSea(this) ><div style="width: 151px; height: 20px">
  65. 							2</div></td>
  66. 						<td align="center" width="100%" id=sz3 onclick=showSea(this) ><div style="width: 151px; height: 20px">
  67. 							3</div></td>
  68. 						<td align="center" width="100%" id=sz4 onclick=showSea(this) ><div style="width: 151px; height: 20px">
  69. 							4</div></td>
  70. 						<td align="center" width="100%" id=sz5 onclick=showSea(this)><div style="width: 151px; height: 20px">
  71. 						5</div></td>
  72.  
  73. 					</tr>
  74. 				</table>
  75. 			</div>
  76. 			</TD>
  77.           <TR>
  78.           <TD width="155" align="center" valign="top" id=sz1 onclick=showSea(this)>
  79.  
  80. 			</TD>
  81.           <TD align="center" valign="top" id=sz2 onclick=showSea(this)>
  82. 			</TD>
  83.       </TABLE>
  84.  
  85.       </div>
  86. 		<div align="center">
  87.  
  88.       <TABLE id=sz1D cellSpacing=0 cellPadding=0 border=0 height="26" width="100%">
  89.         <TBODY>
  90.         <TR>
  91.  
  92.           <TD width=500 height="50" valign="top">
  93.             <div style="width: 500px; height: 50px; ">
  94.  
  95.             1</div>
  96. 			</TD>
  97.           </TR>
  98.         </TBODY></TABLE>
  99.       </div>
  100.       <TABLE id=sz2D cellSpacing=0 cellPadding=0 border=0 height="26" width="100%">
  101.         <TBODY>
  102.         <TR>
  103.  
  104.           <TD width=500 height="50" valign="top">
  105.              <div style="width: 500px; height: 50px; ">
  106.  
  107.              2</div>
  108. 			</TD>
  109.          </TR>
  110.     </TBODY></TABLE>  
  111.  
  112. 	 <TABLE id=sz3D cellSpacing=0 cellPadding=0 border=0 height="26" width="100%">
  113.         <TBODY>
  114.         <TR>
  115.  
  116.           <TD width=500 height="50" valign="top">
  117.              <div style="width: 500px; height: 50px; ">
  118.  
  119.              3</div>
  120. 			</TD>
  121.          </TR>
  122.     </TBODY></TABLE>  
  123.  
  124.     <TABLE id=sz4D cellSpacing=0 cellPadding=0 border=0 height="26" width="100%">
  125.         <TBODY>
  126.         <TR>
  127.  
  128.           <TD width=500 height="50" valign="top">
  129.              <div style="width: 500px; height: 50px; ">
  130.  
  131.              4</div>
  132. 			</TD>
  133.          </TR>
  134.     </TBODY></TABLE>  
  135.  
  136.     <TABLE id=sz5D cellSpacing=0 cellPadding=0 border=0 height="26" width="100%">
  137.         <TBODY>
  138.         <TR>
  139.  
  140.           <TD width=500 height="50" valign="top">
  141.              <div style="width: 500px; height: 50px; ">
  142.                          5</div>
  143. 			</TD>
  144.          </TR>
  145.     </TBODY></TABLE>
[HTML] pobierz, plaintext
AxZx
29.07.2006, 18:14:30
no rzeczywiscie ten kod to klapa
wg jakich standardow to pisales?
HTML w wersji 4.0 jest juz przestarzaly, moze pora nauczyc sie XHTML 1.0 ?
remiq26
29.07.2006, 18:20:56
czesc dziekuje za odpowiedż no masz rację. Czasami używam FrontPage 2003 do takich zeczy wiem ze on sporo zęczy knoci, czy mógłbyś mi pomóc w tej sprawie wiesz nie musisz zmieniać za mnie bo to nie o to chodzi tylko podpowiedź mi jakie błędy popełniam i czego mam sie wystrzegać . Ewentualnie jeśli lukniesz ten kod na w3c to powiedz mi jak mam rozumieć naprawe tych złych tagów bo tu to juz ile moglem to zrobilem i teraz stoje w miejscu. Z góry dziekuje ci bardzo za odpowiedź.
I już czegoś sie nauczyłem...
Mam rozumieć że nagłówek powinein być tak skonstruaowany ?
[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  5. <title>Untitled Document</title>
  6. </head>
[HTML] pobierz, plaintext
kacperix
30.07.2006, 21:47:49
Witaj remiq26.

Cytat
[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  5. <title>Untitled Document</title>
  6. </head>
[HTML] pobierz, plaintext


Ten nagłówek jest prawie poprawny, tyle, że kodowanie ustaw na iso-8859-2 (Środkowoeuropejskie).

Jeżeli chodzi o walidacje strony, to proponuje zainstalować wtyczkę do Firefoxa o nazwie Walidator HTML (wersja wtyczki: PL). Jest to małe ale jakże wielkie narzędzie dla webmastera. Wtyczka to sprawdza poprawność kodu strony. Na mojej stronce po odpaleniu miałem 0 błedów krytycznych i ok 30 ostrzeżeń...w tej chwili nie mam ani jednego.

Oto adres do rozszeżenia:

http://mozillapl.org/katalogi_i_bazy/baza_.../walidator_html

A zamiast FrontPage proponuje zainstalować Macromedia Dreamweaver 8.

Pozdrawiam.
ptak82
30.07.2006, 22:01:59
Cytat(AxZx @ 29.07.2006, 17:14 ) *
no rzeczywiscie ten kod to klapa
wg jakich standardow to pisales?
HTML w wersji 4.0 jest juz przestarzaly, moze pora nauczyc sie XHTML 1.0 ?


Pewnie, że warto się przestawić już na xhtml. Z tym, żeby to był 100% xhtml, a nie otabelkowany html 4.01.

W xhtml-u strict dopuszcza się użycia mime text/html - lecz założenie samego standardu mówi, żeby osiagnąc czysty, w pełni semantyczny kod xhtml musi on mieć typ mime: application/xhtml+xml. A niestety żeby osiągnąć coś takiego trzeba w pełni wiedzieć co z czym się je i w pełni rozumieć html 4.01. Więc proponuje zostawic html 4.01 strict niż używać xhtml w wersji transitional.

@remiq26: Masz ten kod pod jakims linkiem, aby mozna było samemu go zwalidować?

Bo tak na oko to brakuje: DOCTYPE, cudzysłowów, jednostek przy róznych wartościach.
Denver
30.07.2006, 22:07:44
Cytat(kacperix @ 30.07.2006, 22:47 ) *
A zamiast FrontPage proponuje zainstalować Macromedia Dreamweaver 8. Do pobrania ze strony producenta, i wystarczy tylko mały serial i bedzie działał.

OT: Chyba moderator jeszcze tego nie zauważył...
mike
30.07.2006, 22:24:39
1. ~kacperix na tym forum nie tolerujemy złodziei ani zachęcania do kradzieży, nastepnym razem dostaniesz ostrzeżenie. Pamiętaj o tym.
2. ~Denver ciesze się że czuwasz, ale ... (Prawa i obowiązki użytkowników) ...
Cytat
j. Użytkownicy mają prawo a nawet obowiązek powiadamiać moderatorów o łamaniu regulaminu czy innych nieprawidłowościach. Służy do tego przycisk RAPORTUJ, znajdujący się przy każdym poście. (...).

3. ~remiq26 Prosze poprawić tytuł wątku. Nie jest zgodny z zasadami panującymi na forum Przedszkole
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.