Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Przesiadka na XHTML
Forum PHP.pl > Forum > Po stronie przeglądarki > HTML \ XHTML
NoiseMc
8.08.2005, 10:53:25
Witam.

Jako, że dopiero zaczynam przygodę z HXTML, CSS i z <div> - ami proszę o przejrzenie kodu pierwszych moich wypocin i o sugestie jak moznabyło by to inaczej rozwiązać.

Nie wiem czy to dobre miejsce czy nie powinienem z tym wyjechać do działu oceny, ale właściwie nie o ocenę mi chodzi a o podpowiedzi i sugestie dotyczące poprawności kodu.

Link

Dzięki i pozdrawiam
strife
8.08.2005, 16:54:38
Witam,

Jeśli mamy oceniać XHTML'a to po kiego grzyba dajesz plik *.php. Wywal ten nagłówek na początku i dodaj w meta. Poza tym

Cytat
This Page Is Valid XHTML 1.0 Transitional!

Więc chyba jest dobrze..

Na przyszłośc dawaj coś prostrzego a nie *.rar - nie każdemu chce sie rozpakować a potem uruchomiać, o valid'acji nie mówiąc..

Pozdrawiam!
xarr
9.08.2005, 08:13:22
Przylaczam sie do uwag scarface, ale nie zgadzam sie by twoj kod byl ok.
Tak pierwsze z brzegu:
- poznaj znaczniki htmla i uzywaj je zgodnie z ich przeznaczeniem, a nie ciskasz samymi divami.
- masa zbednego kodu, deklaracji klas niepotrzebnych
- zle opisy w title, ktore nic nie mowia
- width, height mozna by do styli jednak
- uzywanie styli w kodzie html
- brak opisu tabel

troche z tego ma wplyw nie tyle moze na sama jakosc kodu xhtml, co raczej calego dokumentu strony. Tak czy inaczej polecam poczytac troche zalecen ze specyfikacji.
Kas
9.08.2005, 09:48:34
Jedna uwaga. Aktualnie strony tworzy się w oparciu o <div>.

Polecam My XHTML Site.
A oto jej kod

[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2.         "http://www.w3.org/TR/2000/REC-xhtml1-20000126/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4. <head>
  5. <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
  6. <title>My XHTML Site</title>
  7.  
  8. <link rel="stylesheet" type="text/css" title="main" media="screen, projection" href="screen.css" />
  9.  
  10.  
  11. </head>
  12.  
  13. <body>
  14. <div id="banner">
  15.      <a href="index.html"><img src="logo1.gif" alt="GearNet - Home" title="GearNet - Home" /></a>
  16. </div>
  17.  
  18. <div id="container">
  19. <div id="container2">
  20.      <div id="navigation">
  21.           <ul>
  22.                <li><a href="index.html">Home</a></li>
  23.                <li><a href="contact.html">Contact Us</a></li>
  24.                <li><a href="#">Get Some Gears</a></li>
  25.                <li><a href="#">Gear Tour</a></li>
  26.  
  27.           </ul>
  28.      </div>
  29.      <div id="more">
  30.           <h3>Did You Know:</h3>
  31.  
  32.                <p>Epicyclic gear trains are powerful when used correctly, 
  33.                but are often misunderstood. Illustrated here is a typical epicyclic 
  34.                gear train. Notice how the planet gears roll on and revolve about the sun 
  35.                gear. The ring gear rolls on the planet gears. Such a gear configuration has 
  36.                useful applications, but the overall gear ratio is quite difficult to 
  37.                intuitively calculate. Please select "Epicyclic Ratio Calc'n" to learn 
  38.                about an effective yet simple method for calculating the overall gear ratio. </p>
  39.  
  40.  
  41.  
  42.      </div>
  43.      <div id="content">
  44.           <h2>About GearNet</h2>
  45.  
  46.          <p>Gears have existed since the invention of rotating machinery. Because of 
  47.          their force-multiplying properties, early engineers used them for hoisting 
  48.          heavy loads such as building materials. The mechanical advantage of gears 
  49.          was also used for ship anchor hoists and catapult pre-tensioning.</p> 
  50.  
  51. 	<p>Early gears were made from wood with cylindrical pegs for cogs and were often 
  52. 	lubricated with animal fat grease. Gears were also used in wind and water wheel 
  53. 	machinery for decreasing or increasing the provided rotational speed for application 
  54. 	to pumps and other powered machines. An early gear arrangement used to power textile 
  55. 	machinery is illustrated in the following figure. The rotational speed of a water or 
  56. 	horse drawn wheel was typically too slow to use, so a set of wooden gears needed to 
  57. 	be used to increase the speed to a usable level. </p>
  58.  
  59. 	<p>The industrial revolution in Britain in the eighteenth century saw an explosion in the 
  60. 	use of metal gearing. A science of gear design and manufacture rapidly developed through 
  61. 	the nineteenth century. </p>
  62.  
  63. 	<p>Today, the most significant new gear developments are in the area of materials. Modern 
  64. 	metallurgy has greatly increased the useful life of industrial and automotive gears, 
  65. 	and consumer electronics has driven plastic gearing to new levels of lubricant-free 
  66. 	reliability and quiet operation. </p>
  67.  
  68.  
  69.      </div>
  70.      <div id="cleardiv"></div>
  71.  
  72.  
  73. </div>
  74. </div>
  75.  
  76. <div id="footer">
  77.      <ul>
  78.           <li><a href="index.html">Home</a></li>
  79.           <li><a href="contact.html">Contact Us</a></li>
  80.           <li><a href="#">Get Some Gears</a></li>
  81.           <li><a href="#">Gear Tour</a></li>
  82.  
  83.      </ul>
  84. </div>
  85.  
  86.  
  87.  
  88. </body>
  89. </html>
[HTML] pobierz, plaintext


Długi nie jest. biggrin.gif A na tabelach wyszło by zedcydowanie więcej.

I najlepiej używać jednak xhtml 1.0 strict.
xarr
9.08.2005, 11:10:35
Aktualnie stron wcale nie tworzy sie na divach. To zbyt ogolnikowe pojecie i nie znajduje zastosowania przy tworzeniu kazdej strony. Owszem uklad strony powinno sie definiowac blokami div, ale nie kiedy na ten uklad www skladaja sie tylko dane tabelaryczne i tylko je wyswietlamy. Teraz poprostu panuje moda na divy, ktora napewno sluzy lepszemu poznaniu css. Czasami jednak warto pomyslec, co tak naprawde tworzymy i dobrac odpowiednie narzedzie, ktorym defakto w wiekszosci wypadkow beda wlasnie divy winksmiley.jpg

P.S. Kas: kolega wlasnie probowal stworzyc www w oparciu o divy. Jednak troszke z nimi przedobrzyl.
Kas
9.08.2005, 11:33:58
Oczywiście, że należy dobrać metodę do zawartości strony.

Mój tekst biggrin.gif o divach był dla usera xarr.

Cytat
Tak pierwsze z brzegu:
- poznaj znaczniki htmla i uzywaj je zgodnie z ich przeznaczeniem, a nie ciskasz samymi divami.
(...)
xarr
9.08.2005, 12:37:27
Nie bardzo rozumiem.
Jesli chodzi o cytat, chodzilo mi o umieszczanie w divach tego, co jest tekstem lub tytulem, czyli powinno byc przykladowo w <p> i <hx>. To, co zrobil autor tego tematu w swoim kodzie ladnie opisal Zeldman w swojej ksiazce o standardach sieciowych nazywajac to zjawisko "divilitis". smile.gif
NoiseMc
9.08.2005, 13:28:31
@xarr
Dzięki o taką opinię właśnie mi chodziło wystawiłem plik nie w celu oceniania go tylko w celu uzyskania porad co do pisania poprawnego HXTML - a. Poza tym:
Cytat
divilitis

biggrin.gif hehe chyba rzeczywiście przegiąłem, zostało mi chyba jeszcze coś z "tabelaritis" tongue.gif

@Kas
Dzięki za przykład na pewno będę się w jakimś stopniu nim sugerował przy następnych projektach
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.