předělání návrhu do xhtml + kritika článků na tutorials.cz*

@Chamurappi :
Dobrá, s tou první částí vesměs problém nemám.. Nicméně i začátečník by měl vědět, že tu nějaká pravidla jsou a dokud nebudou lepší, tak by se dodržovat měla..

dále..
ok, s tou xhtml je to nepřesně napsané..
Pravda, začátečník to znát nemusí, nicméně se často setkávám s různými problémy s kódováním, takže je dobré vědět, v čem může být problém.
Nevím, nepřijde mi praktické kontrolovat průběžně ve všech prohlížečích průběžně. Ale je pravda, že pro začátečníka může být problém chybu zpětně dohledat..

@Timy:
Můj argument je, že je to zavržení a že ve striktním DTD to už ani není uvedeno.. Ano, v připravovaném HTML5 takový prvek je, ale neřekl bych, že je to úplně "následovník" tohoto prvku...
Dobrá, špatné přirovnání..

Jaa
„Můj argument je, že je to zavržení a že ve striktním DTD to už ani není uvedeno.. “
Není to tam uvedeno proto, že je to zavržené. A jak říkám, bylo to zavrženo před 11 lety, teď je jiná doba. Nevidím rozumný důvod, proč bych nemohl použít transitional dtd, kde element <menu> je (když už by mi nějak extra šlo o validitu). Ty ano? Opravdu opíráš svou nechuť k tomuto elementu jen o to, že pár moudrých hlav před jedenácti lety rozhodlo, že tento element už není moc potřebný? Co bys na tento element říkal, pokud by tuto nálepku neměl?

Drobný rozdíl mezi <menu> a <ul> se dá najít v DTD. Naštěstí DTD není "návod jak má prohlížeč zpracovávat dokument", jak se praví v prvním díle veledíla.

Jaa

„chcete telefon, adresu, jméno? Jaký v tom bude rozdíl?“

To snad ani není nutné, ale pokud jste se kvalifikovali jako učitelé, rád bych viděl, jaká práce či zkušenosti za vámi stojí. Je to pochopitelný a zcela lidský požadavek. Informace o autorech lze nalézt na každém odborném serveru.

„Ona může vzniknou i nějaká nepřesnost právě z toho, že se člověk snaží psát srozumitelně a vše zjednodušovat.. chápu, někteří jsou prostě geniální a takovéto problémy se jich netýkají... “

Cítím v této větě osten sarkasmu a nesouhlasím s tímto názorem. Nepřesnosti jistě vznikají, ale v odborném článku by jich mělo být minimum, nejlépe žádné, protože každý kvalitní autor si informace, které chce publikovat a vysvětlovat, ověří z různých zdrojů a ze všech možných stran, aby zbytečně nehlásal nesmysly. Zatímco ve vašem díle, jak ukázali předřečníci, se vyskytují zásadní omyly a bludy.

P.S.

Ostatně tato hláška nalezená na vašem naked webu tutorials.cz

Používáte zastaralou verzi prohlížeče Internet Explorer (6 anebo nižší), kterou naše stránky díky náročným konstrukcím nepodporují. Proto nevidíte žádnou grafiku, která byla odstřihnuta, jelikož chybné zobrazení způsobovalo problémy.

Aktualizujte svoji verzi (na stránkách výrobce), nebo přejděte na lepší prohlížeč, například Firefox.


mě jako dlouholetého a spokojeného uživatele IE 6 moc nepotěšila a nepřesvědčila mě ani o vašich kodérských kvalitách.

Reaguji na Plaváčka:
„Ostatně tato hláška nalezená na vašem naked webu tutorials.cz […]“
Jestli jsem to správně pochopil, tak Jaa je pouze redaktorem a s provedením samotného tutorials.cz nemá nic společného. Pokárání za pohrdání čtenářem si zaslouží nejspíš lefiath, ale ten už asi nad všemi kritiky dávno zlomil hůl.

Mimochodem, Jaa je pan Princ. Nevím už přesně, kde jsem se to dočetl, ale myslím, že se tím netají. Ví to půlka internetu :-)
Za to, že jsou profily redaktorů přístupné jen registrovaným, nese odpovědnost pro změnu zase lefiath.


Reaguji na Timyho:
„zavržené to je už v HTML 4.0 8-)“
Dokonce už i v prvním HTML 4.0. To byla historicky jediná HTML specifikace, kde měly <div>y a <span>y atribut href :-) (samozřejmě omylem)


Reaguji na Jaa:
„i začátečník by měl vědět, že tu nějaká pravidla jsou“
Nepotřebuje je. Ani pokročilý kodér je nepotřebuje. Pro praktickou tvorbu je podstatné to, co spolehlivě funguje, nikoliv to, co by teoreticky mělo fungovat. Sám na řadu pravidel z neznalosti dlabeš.

„nicméně se často setkávám s různými problémy s kódováním, takže je dobré vědět, v čem může být problém“
Problém bývá obvykle v tom, že stránka je uložená v jiném kódování, než jaké deklaruje — to je pro kodérčata největší úskalí. Nějaká (ne)standardnost je jim fakt ukradená.
Doporučuji ti strávit na této diskusi nějaký čas, abys lépe pochopil myšlenkové pochody začátečníků.

„nepřijde mi praktické kontrolovat průběžně ve všech prohlížečích“
Skutečný profík by dokázal nakódovat web i bez prohlížeče, začátečník ale potřebuje vstřebávat zkušenosti. Přijde ti praktičtější používat hacky na konstrukce, které jdou napsat čistě bez nich?
Podívám-li se na tvůj web — ten by se obešel bez podmíněného komentáře pro Explorer 6.


Dovolím si ještě připsat pár připomínek ke třetímu dílu tvého seriálu:

1) „jako příklad jsem vytvořil uspořádaný seznam – tedy standardní struktura menu“
Nazvat strukturu menu uspořádaným seznamem dává smysl, neb většinou na pořadí skutečně záleží. Přesto jej ti, kdo neužívají <menu> (včetně tebe), vyznačují téměř výhradně jako <ul>, což je seznam neuspořádaný.

2) „Čeho si asi všimnete je značka span v odkazu […]. Komentář (bez obsahu) je v něm z toho důvodu, že žádný prvek nesmí být prázdný podle pravidel sémantiky.“
Toto moudro sis vycucal ze kterého prstu? I kdyby pravidla sémantiky nařizovala zmíněnou prapodivnost, tak HTML komentář je pouhopouhé syntakticky upovídané nic, nemá na sémantiku absolutně žádný vliv.

3) „Navíc potom ani není zaručeno, že se zobrazí. Proto nikdy nepoužívejte prázdné prvky bez výplně.“
Mohl bys to upřesnit? Který stylopisů-znalý prohlížeč nezobrazí prázdný <span>?

4) „Jak jsem již psal, řešení je univerzální, není problém ho jakkoli modifikovat.“
Je universální jen pro neprůhledné obrázky. Jakmile si usmyslím, že chci PNG s alfakanálem nebo průhledný GIF, překrytý text už nebude zcela překrytý a vyplatí se použít místo pozicovaného zašmodrchanismu normální <img> s altem.

5) K vysouvací nabídce: „Řešení bude samozřejmě pouze za pomoci XHTML a CSS, z tohoto důvodu nebude funkční v IE 6 a starších verzích (pro tento prohlížeč by se muselo řešit javascriptem)“
… a proto samozřejmě selže u každého čtvrtého návštěvníka. To je skvělá předmluva pro samozřejmě špatný návod. Popis ošetření pro šestku by ti i s odkazem na „hover.htc“ zabral jeden odstavec. Existuje mimochodem i jiný způsob ošetření nevyžadující JS.

6) „Nikdy nenastavujte absolutnímu prvku definici obou stran, jako top a bottom zároveň – nebude to fungovat.“
Tímto pravidlem se sám řídíš, nebo sis to i vyzkoušel? Pokud vím, tak to nebude fungovat pouze v Exploreru 6 (a v quirku sedmičky), jinde ano. U vysvětlování „position: fixed“ zase naopak nezmiňuješ, že v šestce nefunguje, což je docela podstatná informace.


Zajímalo by mě, jestli má smysl vytýkat ti nedostatky. Plánuješ nějaký druh nápravy? Nebo si můžeme nadobro zařadit tvoji tvorbu do pytle pochybných článků, které nejsou hodné odkazování?

Mimochodem, v ilustračních obrázcích pro druhý a třetí díl je CSS kód se selektorem „body div:first-child ul > a“. To je názorná ukázka záhadného selektoru v záhadné situaci.

Tohle jsou taky perly:
„Musíme nastavit vlastnost display:block, tím zrušíme display:none zděděnou z předchozího pravidla.“
„Mají totiž zděděnou vlastnost float:left z prvního menu.“
A teď tu budeme vysvětlovat, že CSS vlastnosti display a float se nedědí :o)

Dodatek
Chamurappi
„Mohl bys to upřesnit? Který stylopisů-znalý prohlížeč nezobrazí prázdný <span>?“
Nechat jsem na Browsershots udělat screenshoty, prázdný SPAN zobrazily všechny prohlížeče, znalé CSS, počínaje MSIE 4.01, Firefox 0.8, Opera 7.11. Starší kousky tam nejsou.
Nechal jsem na Totalvalidator udělat i screenshot z vykopávky Netscape 4.8, "nežeře" prázdný SPAN, SPAN s komentářem, SPAN s bílou mezerou. SPAN s tvrdou mezerou mu "chutná".

Pro zajímavost, i takové exotické prohlížeče, jako Amaya a Lobo (testoval jsem jen aktuální verze) zobrazí prázdný span..