Jak si znepříjemnit kódování
Používání některých tagů by se mělo trestat.
Používání některých tagů by se mělo trestat. Dneska nebudu flusat kyselinu na profláklý a navždy prokletý anti-css-tag FONT, ale na tag srovnatelné hrůznosti, leč mnohem vyššího rozšíření. Budeme lámat přes koleno samotného velkého zalamovače (především proto, že celý den přepisuju php kód, který je zalamovačem naplněn až po okraj).
Šedá tageminence
BR neboli zalomení řádku. Tag, který je mnohými zneužíván v naprosto nepředstavitelných situacích. Potřebujete zalomit řádek? Použijete BR a život jde dál. Proč by to mělo někomu vadit?
A teď se vrhněte na styly
Zkuste si nastylovat odstavec, který je vytvořen pomocí dvojitého zalomení řádku. Styluje se vám dobře formulář, který je napsán stylem název-br-input-br? Zalomení řádku vás při stylování webu velmi omezí.
Když si kód zaBRoujete, tak se budou mnohem hůře vytvářet alternativní styly či měnit vzhled webu jen pomocí úpravy CSS. Je tedy mnohem výhodnější zabalit jednotlivé části kódu do jiných značek a těm nastavit vlastnost display: block (výše zmíněný formulář by vypadal úplně stejně i při kombinaci label-nazev-input).
Kdy BR použít?
Hmm.. tak třeba v odstavci, při zalamování prvního řádku s oslovením. Je to rychlé a asi to nebudete chtít měnit. Ale jinak mě moc dalších situací nenapadá. Máte jinou zkušenost?
Komentáře
Díky File, zrovna dneska jsem potřeboval, při tvorbě svého prvního blogu (sakra to mělo být překvapení), trochu odsunout obrázek … cca o řádek níž … stydím se, jdu to ihned opravit …
„Ale jinak mě moc dalších situací nenapadá. Máte jinou zkušenost?“ – básničky, texty písniček…
Předesílám, že jsem děsná lama, ale BR já používám např. na to, aby mi wordpress za DIVem, kterym případně ukončuju článek, nechal mezeru.
Ja viděl i „rádobykodéry“, kteří pomocí odsazovali <br> od sebe i celé elementy, jednoduše nakopírovali tento tag víckrát pod sebe.
Znám ještě další chybné použití tohoto prvku – namísto aby autor textu používal na jeho formátování tag <p>, raději použije dvakrát <br>.
Naopak, někdy se tento lehce problematický tag používá na vyrešení některých bugů v prohlížečích. Například Dero má takto ošetřen problém s MSIE v menu.
2 Onecar: CSS vlastnost display: block; udělá z inline elementu blokový. Občas to používám u <li>.
2 Nox.lbc : Když potřebuješ odsunout obrázek přibližně nebo i přesně o řádek níž, tak stačí napsat do stylů margin-bottom: 1em;.
margin-top jsem samozřejmě zkoušel, zas tak línej nejsem, ale očividně jsem na něco zapomněl, protože se to nehlo ;-) tak jsem tam šoupnul dvakrát BR a bylo hotovo …
Jasně, je to margin-top u obrázku nebo margin-bottom u nadřazeného elementu.
A pokud se to nechce pohnout, tak někdy stačí vyzkoušet přidat tomu odsazení trochu větší hodnotu, třeba 100px a když se to ani potom nehne, tak se aspoň zúží okruh problému, ve kterém to může spočívat.
Dvakrát <br> opravdu není řešením problému :)
a co treba br {display:none } ?
Jeremy88: je tag blokový
Samozřejmě jsem chtěl napsat, že <li> je tag blokový
pouzivam pokud uzaviram adresu do address – tak na zalomeni radku…jinak asi jen v tech nejkrizovjejis a jinak neresitelnych situacich…souhlas
jj..jeste ze PSPad ma ‚ctrl+h‘ a umozni se toho zbavit rychle..radsi to udelam takhle + par dalsi radikalnejsich uprav apak znova cely nastyluju nez se tim probirat..
jinak sem ale videl i horsi ‚odsazovani‘..napr 20 a vic u sebe..;)
Tag BR používám většinou jen v patičce webu, když chci zalomit příliš dlouhý text patičky a nechci to dělat pomocí více odstavců a pak ještě v některých specifických tabulkách k zalomení několikařádkových textů (nikoliv však tabulkového charakteru), které potřebuji mít v jedné buňce tabulky (viz např. http://www.chaps.cz/…idos-win.asp).
[10] – hmm.. takže tímto způsobem nejen, že nenaformátuješ okolní text, ale navíc konstatuješ, že sis napsal blbej kód, protože jsi tam to BR vlastně nechtěl :-)
je to jednoduché, (respektive jak píšou strictaři je ekvivalentem
SHIFT+ENTER v tabulkovém procesoru. Takže patří všude tam, kde byste při
psaní použili SHIFT+ENTER. A kde to je? No právě že téměř nikde. Když
nastavím můj standardní psací styl, tj. odsazení první řádky a mezera za
odstavcem 0.5em, tak se použití zalomení řádku omezuje výhradně tuším
na podpis či adresu, takže něco jako
Noname
Ředitel zeměkoule
Jinak k bych osobně zařadil imho větší hrůznost resp. a také většinu použití a a id=„abc“. Naprostá většina i velmi pokročilých kodérů používá naprosto zbytečně tyto bezvýznamové značky či pojmenování a tak dělají hrůzy typu
Název
(nechci říct, že by to bylo ve 100% případů nesmysl, ale v 99,9% ano)
aha, takže pardon, ono to odstraňuje tagy.
bylo to
..je to jednoduché, BR (respektive jak píšou strictaři BR /)
…Noname BR ředitel zeměkoule
…Jinak k bych osobně zařadil imho větší hrůznost div /div resp. span /span a také většinu použití div a span a id=„abc“
…tak dělají hrůzy typu
div id = header
h1 id = nazev span /span tohle je nazev /h1
/div
Kdyz uz sme u toho, jak jsou tagy BR spatny, nenapsal by mi nekdo reg.vyraz, kterej nahradi vsechny dvojnasobny odsazeni tagama pro odstavec?
$text = eregi_replace(„\n([[:space:]])\n([^\n]+)\n([[:space:]])\n“,„\\2“,$text);
zkousim tohle, ale nejde mi to…Proto mam v blogu prasarnu typu nl2br…
[21] split()ni to dvěma koncema řádků, pak to projeď foreachem a všechno vobal a
BR je vhodné leda když se píše třeba adresa na více řádků (jako na obálce dopisu).
poezie, adresy, kontaktní údaje, zalomení hlaviček sloupců v tabulce.. br je užitečný tag.
stejně jako všechny ostatní tagy je třeba jej používat na to, na co se má používat.
Nemyslím si, že by to bylo zas až tak žhavé, ale v zásadě souhlasím. BR je veliké zlo, zvláště pokud se začátečníci naučí takto mrvit texty.
P.S.: Co dělá display: block; ? Nějak si nemohu vzpomenout :)