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

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)

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 ;-) 

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)

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)

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)

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)

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)

<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)