Tyto tři principy html kód optimalizace
Stejně jako jarní úklid domu, měla by html kódu vašich webových stránek si také pravidelné čištění. V průběhu času, protože změny a aktualizace jsou na webové stránce, se může stát kód posetá zbytečné nepořádek, zpomalování doby načítání stránky a poškozuje efektivitu vaší webové stránky. Zaplněný html mohou také vážně ovlivnit vaše vyhledávač pořadí.
To platí zejména v případě, že používáte WYSIWYG (What You Viz Is What You Get), web design obalu, jako FrontPage nebo Dreamweaver. Tyto programy se urychlí vaše tvorba webových stránek, ale nejsou tak účinné při psaní čistý html kód.
Budeme zaměřením této diskusi na aktuální HTML kódování, zapomíná na další programovací jazyky, které mohou být použity v stránce, jako je JavaScript. V kódu příkladech budu používat (a) znaků namísto správného formátu HTML, takže příklady kódu, které se zobrazí správně v tomto bulletinu.
Až donedávna při kódování stránky v HTML bychom pomocí značek, jako je (font) a tag (p) odstavec tagy. Mezi tyto tagy by naše stránky obsah, text, obrázky a odkazy. Pokaždé, když formátování změna byla provedena na stránce nových značek bylo zapotřebí s kompletní formátování nového oddílu. V nedávné době jsme získali možnost využití Kaskádové styly, což nám umožňuje psát formátování jednou a potom odkaz na toto formátování několikrát v rámci webové stránky.
V zájmu urychlení doby načítání stránky potřebujeme mít méně znaků na stránce při zobrazení v html editoru. Vzhledem k tomu opravdu nechci odstranit z našich viditelné obsahu musíme se podívat do html kódu. Od vyčištění tímto kódem můžeme odstranit znaky, což vytváří menší webovou stránku, která se načte rychleji.
HTML Postupem času se změnil a nyní máme mnoho různých způsobů, jak udělat to samé. Příkladem by mohl být použit kód pro zobrazení tučným písmem. V HTML jsme mají dvě hlavní možnosti, (silná) tag, a (b) tag. Jak můžete vidět (silné) značku používá více znaků než 5 (b) značku, a uvážíme-li uzavírací tagy a vidíme, že s využitím (silné) (/ strong) tag dvojice používá 10 více znaků než čističe (b) (/ b) tag dvojice.
Toto je naše první zásadou čistého HTML kódu: Pomocí nejjednodušší způsob kódování k dispozici.
HTML má schopnost vnoření kód do jiného kódu. Například bychom mohli mít souladu se třemi slovy, kde uprostřed slova je tučně. To by mohlo být dosaženo tím, že mění formátování úplně pokaždé viditelné změny formátování. Vezměme si tento kód:
(font face =? Časy?) To (/ font)
(font face =? Časy?) (Silné) TUČNĚ (/ strong) (/ font)
(font face =? časy?) Word (/ font)
To trvá až 90 znaků.
To je Velmi špatně napsaný html a je to, co občas dostanete při použití WYSIWYG editoru. Vzhledem k tomu, (font), značky jsou opakovat stejné informace můžeme jednoduše hnízdo (silné) značky uvnitř (font), značky a ještě lépe využít (b) tag místo (silné) tag. To by nám tento kód (font face =? Krát) To (b), Bold (/ b) Word (/ font), které se zakládají pouze 46 znaků.
To je náš druhý Princip čistý HTML kód: Pomocí vnořených prvků, kdy je to možné. Uvědomte si, že WYSIWYG editory se často aktualizovat formátování přidáním vrstvu po vrstvě vnořeného kódu. Takže když jste vyčištění kódu hledat redundantní vnořený kód umístěna tam svůj program WYSIWYG editaci.
big problém s pomocí HTML tagů je, že musíme opakovat tag kódování, pokud změníme formátování. Nástup CSS nám umožňuje velkou výhodou v čistých kódování tím, který nám umožní rozložení formátování jednou v dokumentu, pak jednoduše odkazují na to znovu a znovu.
Pokud bychom měli šest bodů na stránku, která přepínat mezi dvěma různými typy formátování, jako nadpisy v Modré, Bold, Ariel, velikost 4 a odstavce textu v černé, Times, velikost 2, pomocí značek bychom potřebovali vypsat úplné formátování že pokaždé, když uděláme změnu.
(font obličej =? Ariel? color =? modrou? size =? 4?) (b) Náš oddíl (/ b) (/ span)
(font face =? Times color =? černé? size =? 2?) Naše odstavec (/ font)
(font face =? Ariel? color =? modrou? size =? 4?) (b) Náš další čísla (/ b) (/ span)
(font face =? Times color =? černé? size =? 2?) Naše další odstavec (/ font)
Rádi bychom opakujte tento pro jednotlivé položky a bod, spousta HTML kód.
S CSS jsme mohli vytváření CSS stylů pro každý typ formátování seznamu Styly jednou v záhlaví stránky, a pak jen odkazovat na styl pokaždé, když jsme udělat změnu.
(head)
(ve stylu type = "text / css")
(!--
. Style1 (
font-family: Arial, Helvetica, sans-serif;
font-weight : bold;
font-size: 24px;
)
. style2 (
font-family: "Times New Roman", Times, serif;
font-size: 12px;
)
--)
(/ styl)
(/ head)
(tělo)
(p class = "Style1") okruhu (/ p)
(p class = "style2") Odstavec Text (/ p)
(/ tělo)
Všimněte si, že Styly jsou vytvořeny v části vedoucí stránky a pak jednoduše popsána v části těla. Jak jsme přidat další formátování bychom prostě nadále odkazovat na již dříve vytvořené styly.
Tento je naše třetí zásadu čistého HTML kód: Pomocí CSS stylů, když někdy je to možné. CSS má několik dalších výhod, jako je budou moci místo CSS stylů v externím souboru, čímž se sníží velikost stránky ještě více, a schopnost rychle aktualizovat formátování Site-wide jednoduše aktualizovat externích CSS stylů souboru.
A tak se některé jednoduché čištění kódu HTML můžete snadno snížit velikost souboru a rychle nakládání, štíhlé a střední webové stránky.
O autorovi:
Jiří Peirson je úspěšný podnikatel a Internet trenér. Je autorem více než 30 multimediálních titulů na základě konzultace týkající se přípravy
Článek Zdroj: Messaggiamo.Com
Related:
» Seo Elite: New Seo Software!» AntiSpywareBOT
» Reverse Mobile
» Error Nuker
Webmaster si html kód
Přidejte tento článek do svých webových stránek se!
Webmaster Zašlete svůj článek
Ne nutná registrace! Vyplňte formulář a váš článek je v Messaggiamo.Com Adresář!
