Štítek: html

Naštěstí je dostatečně známý program TiDy, ale bohužel obsahuje i docela velkou škálu nastavení. Uvádím zde ty, které jsem použil já a s docela dobrým výsledkem. Jediné s čím si TiDy neporadilo bylo <a name="2013344"></a>. Ale s tím už se dá žít a samozřejmě odstranit jinak.

TiDy z konzole

TiDy si můžete celkem snadno nainstalovat příkazem urpmi tidy. Pokud patříte k nešťastníkům s MS Windows navštivte stránku projektu TiDy, je tam něco i pro vás.

TiDy má samozřejmě i spoustu grafických nadstaveb. Je integrována například do editoru PSPad, do výborného rozšíření HTML Validator pro Firefox a podobně.

Spuštění TiDy z konzole:

tidy -f chyby.txt -config config.txt zdroj.html > vysledek.html

V souboru chyby.txt najdete chyby, které TiDy nedokázalo ze souboru odstranit.

Nastavení TiDy je uloženo v souboru config.txt (více k nastavení TiDy):

char-encoding:                  utf8
indent:                         true
show-body-only:                 false
output-xhtml:                   true
add-xml-decl:                   true
doctype:                        strict
clean:                          true
drop-proprietary-attributes     true
enclose-block-text:             true
enclose-text:                   true
bare:                           true
logical-emphasis:               true
alt-text:                       obrazek
fix-uri:                        true
wrap:                           200

To samé v PHP

Podobně můžete s TiDy pracovat v PHP, potřebujete samozřejmě nainstalované rozšíření PHP TiDy.

// promenna $html obsahuje vstupni, nevalidni, HTML
$config = array(
        'indent'                => true,
        'show-body-only'        => false,
        'output-xhtml'          => true,
        'add-xml-decl'          => true,
        'doctype'               => "strict",
        'clean'                 => true,
        'enclose-block-text'    => true,
        'enclose-text'          => true,
        'repeated-attributes'   => true,
        'bare'                  => true,
        'logical-emphasis'      => true,
        'alt-text'              => "obrazek",
        'fix-uri'               => true,
        'wrap'                  => 200,
        'drop-proprietary-attributes' => true
        );
$tidy = new tidy;
$tidy->parseString($html, $config, 'utf8');
$tidy->cleanRepair();
echo $tidy;

Pokud s TiDy „nečistíte“ celou HTML stránku, ale jen její část, tak si nastavte show-body-only na true. Můžete si tak třeba vyčistit své články, uložené v databázi, nebo třeba komentáře.

• Související:
  • TiDy – stránka projektu
  • HTML TiDy Configuration Options
    • HTML TiDy – referenční příručka – český překlad nastavení TiDy
  • TiDy Functions – funkce TiDy v PHP

Nestylujte formuláře! radí Vítek Dlouhý a argumentuje tím, že prohlížeč by si měl přebírat vzhled, formulářových prvků, z GUI operačního systému.

Související:

• Nestylujte formuláře! – (Vítek Dlouhý, Dlouhý web, 20.4.2004)
• Stylování formulářových prvků. Ehm. – (Petr Staníček, Pixylophone, 28.11.2003)

Nevím jak vy, ale já dostávám velmi často různé texty (od kolegů), které mám převést do HTML a umístit je na příslušné místo, do textů na webových stránkách. Texty dostávám bohužel v různých podobách. Ty nejhorší ve formátu MS Word a nebo lépe jako prostý text.

Tento blog spravuji systémem Bloxxy a tak jsem navykl jeho speciálním BXTagům, pro formátování textu, že jsem už posledních několik textů převáděl přímo v Bloxxy samotném. Prostě jsem potřeboval nějakou berličku, abych si pomohl.

Vytvořil jsem si tedy jednoduchý konvertor textu do XHTML, postavený na BXTags z již zmíněného Bloxxy. Vyzkoušejte ho a užívejte ke své spokojenosti, chyby hlašte prosím na můj email a nebo do komentářů.

PS: Mimořádně populární je v Holandsku, a potom Korea a Japonsko ;-) 

Dušan Janovský, se pustil do výzkumu, zda uživatelé častěji klikají na odkazy ve stylu klikněte zde a nebo zda raději klikají na správně, dle SEO, otextované odkazy.

Výsledek je bohužel zatím nejednoznačný a jak se zdá, tak se určitě ještě s podobným výzkumem setkáme.

Já si myslím, že uživatelé čtou text s myší místo ukazovátka a pak také klikají na odkaz na konci textu. Pokud bude odkaz správně otextován, tak uživatel lépe a rychleji pochopí kam odkaz vede.

Update 24.3.2004:
Debaty pokračují a Dušan na ně ragoval, pěkná shrnutí najdete u Petra Weidy a Vítka Dlouhého:

• Možná záleží na pořadí slov – (Dušan Janovský, Yuhůův weblog o webu, 23.3.2004)
• Pro přečtení spotu, klikněte zde… – (Vítek Dlouhý, Dlouhý web, 23.3.2004)
• Výzkum: klikáme na zde (aktualizováno 4×) – (Petr Weida, About Weblog, 22.3.2004)

Související:

• Výzkum klikněte zde – (Dušan Janovský, Yuhůův weblog o webu, 22.3.2004)
• Poněkud nejednoznačný test klikněte zde – (Marek Prokop, Sova v síti, 22.3.2004)
• Proč neuvádět text odkazů jako: Klikněte zde – (Jiří Chomát, Články, 2.3.2004)

Nemám ovšem rád způsob argumentace, nepřipouštějící nic jiného než vlastní pravdu a dokonalost. Mám rád svůj prohlížeč, svého instantního kecálka, svůj weblog a také ostatní weblogy. Narozeniny slavím nanejvýš svoje – (třicítka se snad smí) a nebo dcer.

Petr Weida rozpoutal článkem Klikněte zde polemiku ohledně vhodnosti textování odkazů „Klikněte zde“. Radek Hulán se postavil proti a své stanovisko Proč používat „klikněte zde“? vysvětlil ve stejnojmenném článku. Pod oběma články je delší diskuze, doporučuji k přečtení.

Rozhodně se stavím na stranu správného textování odkazů, na všech typech webových stránek (komerční/neko­merční), už z důvodu SEO a použitelnosti webových stránek.

Související:

• Klikněte zde – (Petr Weida, About Weblog, 1.3.2004)
• Proč používat „klikněte zde“? – (Radek Hulán, Občasný oblog, 1.3.2004)
• Informativní odkazy – dogma či rebel webdesignu? – (Marek Prokop, Sova v síti, 3.3.2004)

Lukáš Mačí nás naučil jak škrtat a nahrazovat v XHTML kde ukázal k čemu slouží HTML značky <ins> a <del>.

Právě u značky <ins> se přiznám, že mi není jasné jak ji ostylovat aby lépe vyjadřovala smysl vloženého textu a nemátla čtenáře. Viz převzatý text níže.

Je také dobré věnovat se patřičnému ostylování těchto elementů. Zejména nahrazená informace se v prohlížečích může implicitně zobrazovat jako podtržená, což může čtenář mylně považovat za odkaz.

Vilém Málek se pod článkem v komentářích zmínil o vhodném stylování smazaného textu, takže jsem se zařídil dle jeho rady a mažu text bez obav, ale co to vkládání textu?

Update 2.3.2004: Po několika dobrých radách, v komentářích pod článkem, jsem zvolil pro vložený text zelené „podčárkování“. Doufám, že se to nebude moc motat s <abbr>, <acronym> a <dfn>, které tečkuji šedivě.

Související:

• Škrtáme a nahrazujeme v XHTML – (Lukáš Mačí, Blog o tvorbě webu, 28.2.2004)

Slovo „domestikovaná“ je myšleno jako „uživatelsky přítulná“, nečekete ovšem nějaké poskakující pejsky vrtějcí oháňkou.

Textarea je HTML <textarea></tex­tarea> značka, která se používá ve webových formulářích pro zadání delšího textu. Může být ale problém ohlídat aby uživatel vložil jen (maximálně) tolik textu kolik chceme, například z databázových a jiných důvodů.

Na blogu blog|openheads jsem dnes našel vizuálně a uživatelsky výborně provedené řešení založené na JavaScriptu. Autor se sice haní za svou neobratnost při programování, ale podle mého názoru se opravdu nemá za co stydět a jeho řešení je plně funkční.

Pouze podotknu že pro případ vypnutého JavaScriptu v uživatelově prohlížeči je nutné nezapomenout na ošetření délky textu ještě ve scriptu který odeslaná data spracuje.

RSS čtečku mám zase o jeden kanál plnější :-)

Související:

• Vylepšená textarea – (Michal Soukup, blog|openheads, 25.2.2004)
• Vylepšená textarea – ukázka – (Michal Soukup, blog|openheads, 25.2.2004)

Nastihl jsem okomentovat dva výborné články, které spatřily světlo světa koncem minulého týdne.

Web X a Web Y – (Petr Staníček, Pixylophone, 20.2.2004)

Pixy se rozhodl zamyslet nad webem informačním tvořeným HTML soubory „obarvenými“ CSS a webem zábavným, který tvoří převážně Flash a podobné technologie.

Barvojmenná typologie webů – (Dušan Janovský, Yuhůův weblog o webu, 22.2.2004)

Yuhů se s námi podělil o své „barevné“ vidění webových stránek ve smyslu jejich struktury a účelu použití. Pokud se nad tím zamyslíte tak zjistíte že vám podobné rozdělení bude pravděpodobně bližší než se zdá na první pohled. Pevně doufám že můj blog patří mezi ty tyrkysové :-)

Související:

• Web podle uživatelů a majitelů – (Petr Weida, About Weblog, 22.2.2004)

Na serveru PC svět vyšel druhý díl seriálu o HTML pro začátečníky (Tvorba webových stránek pro laiky). Bohužel obsah je velmi nešťastný a navádí začínající uživatele používat níže uvedené konstrukce, které nemají v moderně napsaných tránkách co dělat.

<font color=„#FF0000“ size=„5“ face=„Arial“>
<p align=„center“><b><u><­i>Obsah webové
stránky</i></u></­b></p></font>

Jako příklad to samozřejmě postačí, ale uvádět toto jako ideální řešení určitě není vhodné. Tímto způsobem se nebude počet nekvalitně napsaných stránek snižovat, spíše naopak.

V komentářích pod článkem se Yuhů zmínil, že jej to inspirovalo a nebo navedlo na způsob jak lépe napsat článek o CSS pro začátečníky, myslím, že se máme na co tešit :-)

Související:

• Tvorba webových stránek pro laiky (2.) – ( Lukáš Souček, PC Svět, 20.1.2004)
• Webové stránky pro laiky – (Petr Weida, About Weblog, 20.1.2004)