Ïðåäñòàâüòå, âû ïðèîáðåëè èìïîðòíûé òåëåôîí, ïðèøëè äîìîé îñìîòðåòü ïîêóïêó... ñîáðàëèñü çàðÿäèòü óñòðîéñòâî è âäðóã îáíàðóæèâàåòå, ÷òî íóæíà ðîçåòêà íà 110Â!
Èëè óêëàäûâàåòå ïà÷êè äåíåã â îòå÷åñòâåííûé ÷åìîäàí è, âäðóã, îáíàðóæèâàåòå, ÷òî ïîñëåäíÿÿ ïà÷êà íå ïîìåùàåòñÿ, ò.ê. áàêñû áîëüøå (ïî ôîðìàòó) ðóáëåé.
Èëè ñêà÷àëè íîâûé áðàóçåð, à îí êðèâî îòîáðàæàåò âñå ñòðàíèöû.
Âîò òóò è íóæíû ñòàíäàðòû. Äóìàþ âñå çíàþò ÷òî ýòî òàêîå. È âñå çíàþò, ÷òî íåêîòîðûå êðóïíûå êîìïàíèè ïûòàþòñÿ ââåñòè ñâîè îñîáûå ñòàíäàðòû (íàïðèìåð, ôîðìàò ôàëîâ), íî â ðåçóëüòàòå ýòè ñòàíäàðòû íå ðàñïðîñòðàíÿþòñÿ è ãèáíóò, óñïåâàÿ ñîçäàòü êó÷ó ïðîáëåì ïîòðåáèòåëÿì.
Òàê âîò, ê ÷åìó ÿ ýòî...  ñàéòîñòðîèòåëüñòâå òîæå åñòü ñâîè ñòàíäàðòû, êîòîðûå îïðåäåëÿåò êîìèòåò W3C (
http://www.w3c.org). È èõ ñòîèò ïðèñëóøèâàòüñÿ. Íàïðèìåð, âåðñòàòü áëîêàìè, óêàçûâàòü DOCTYPE è ñîáëþäàòü âàëèäíóþ â¸ðñòêó (íåñìîòðÿ íà ñîâåòû
Ëåáåäåâà). Èíà÷å, ëåò ÷åðåç 10 áóäåò êó÷à áðàóçåðîâ, êîòîðûå ñîâåðøåííî ïî-ðàçíîìó áóäóò îòîáðàæàòü îäíó è òó æå ñòðàíèöó. È ïðèäåòñÿ îïòèìèçèðîâàòü ñòðàíèöó ïîä êàæäûé áðàóçåð.. æèçíü âåðñòàëüùèêîâ ïðåâðàòèòñÿ â àä! =)
Ñîâåòû:
1) Âåðñòàéòå áëîêàìè
2) Óêàçûâàéòå DOCTYPE
3) ×åì ìåíüøå îøèáîê ïðè âàëèäàöèè, òåì ëó÷øå
4) Îôîðìëÿéòå êîä ñ îòñòóïàìè
5) Æåëàòåëüíî äåëàòü êîðîòêèå êîììåíòàðèè â êîäå.
6) Èñïîëüçóéòå ýëåìåíòû ïî íàçíà÷åíèþ! H1 èñïîëüçóéòå äëÿ âûäåëåíèÿ çàãîëîâêîâ, ñïèñêè çàêëþ÷àéòå â UL, òàáëèöû èñïîëüçóéòå äëÿ ñîçäàíèÿ òàáëèö è ò.ä.
Ïîÿñíåíèÿ:
1) Áëî÷íàÿ â¸ðñòêà (â¸ðñòêà äèâàìè) - ýòî â¸ðñòêà ñ ïîìîùüþ êîíòåéíåðîâ div, à íå òàáëèöàìè.
2) DOCTYPE ñîîáùàåò áðàóçåðó òèï ñòðàíèöû è ãîâîðèò ïî êàêèì ïðàâèëàì å¸ îáðàáàòûâàòü. Ïîäðîáíåå çäåñü:
http://www.webmascon.com/topics/coding/25a.asp
3) Âàëèäíîñòü êîäà - ñîîòâåòñòâèå êîäà ñòàíäàðòàì W3C ïðîâåðÿåòñÿ çäåñü:
http://validator.w3.org/
Âåðñòàéòå ïî ïðàâèëàì è íàðîä ê âàì ïîòÿíåòñÿ! =)
Àâòîð: Virus-D (
http://www.bookspro.net.ru/) 2 ìàðòà 2008.