Tieto tri princípy html kód optimalizácia
Rovnako ako jarné upratovanie domu, mala by html kódu vašich webových stránok si tiež pravidelné čistenie. V priebehu času, pretože zmeny a aktualizácie sú na webovej stránke, sa môže stať kód posiata zbytočné neporiadok, spomaľovanie času načítania stránky a poškodzuje efektivitu vašej webovej stránky. Zaplnení html môžu tiež vážne ovplyvniť vaše vyhľadávač poradí.
To platí najmä v prípade, že používate WYSIWYG (What You Pozri Is What You Get), web dizajn obalu, ako FrontPage alebo Dreamweaver. Tieto programy sa urýchli vaše tvorba webových stránok, ale nie sú tak účinné pri písaní čistý html kód.
Budeme zameraním tejto diskusii na aktuálne HTML kódovanie, zabúda na ďalšie programovacie jazyky, ktoré môžu byť použité v stránke, ako je JavaScript. V kóde príkladoch budem používať (a) znakov namiesto správneho formátu HTML, takže príklady kódu, ktoré sa zobrazí správne v tomto bulletine.
Až donedávna pri kódovaní stránky v HTML by sme pomocou značiek, ako je (font) a tag (p) odsek tagy. Medzi tieto tagy by naše stránky obsah, text, obrázky a odkazy. Zakaždým, keď formátovanie zmena bola vykonaná na stránke nových značiek bolo potrebné s kompletné formátovanie nového oddielu. V poslednom čase sme získali možnosť využitia Kaskádové štýly, čo nám umožňuje písať formátovanie raz a potom odkaz na toto formátovanie niekoľkokrát v rámci webovej stránky.
V záujme urýchlenia doby načítania stránky potrebujeme mať menej znakov na stránke pri zobrazení v html editore. Vzhľadom na to naozaj nechcem odstrániť z našich viditeľné obsahu musíme sa pozrieť do html kódu. Od vyčistenie týmto kódom môžeme odstrániť znaky, čo vytvára menšie webovú stránku, ktorá sa načíta rýchlejšie.
HTML Postupom času sa zmenil a teraz máme veľa rôznych spôsobov, ako urobiť to isté. Príkladom by mohol byť použitý kód pre zobrazenie tučným písmom. V HTML sme majú dve hlavné možnosti, (silná) tag, a (b) tag. Ako môžete vidieť (silné) značku používa viac znakov ako 5 (b) značku, a ak uvážime uzatváracie tagy a vidíme, že s využitím (silné) (/ strong) tag dvojica používa 10 viac znakov ako čističe (b) (/ b) tag dvojica.
Toto je naša prvá princípom čistého HTML kódu: Pomocou najjednoduchší spôsob kódovania k dispozícii.
HTML má schopnosť vnorenia kód do iného kódu. Napríklad by sme mohli mať súlade s troma slovami, kde uprostred slova je tučne. To by sa mohlo dosiahnuť tým, že mení formátovania úplne zakaždým viditeľné zmeny formátovania. Zoberme 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 znakov.
To je Veľmi zle napísaný html a je to, čo občas dostanete pri použití WYSIWYG editora. Vzhľadom k tomu, (font), značky sú opakovať rovnaké informácie môžeme jednoducho hniezdo (silnej) značky vnútri (font), značky a ešte lepšie využiť (b) tag miesto (silné) tag. To by nám tento kód (font face =? Krát) To (b), Bold (/ b) Word (/ font), ktoré sa zakladajú len 46 znakov.
To je náš druhý Princíp čistý HTML kód: Pomocou vnorených prvkov, keď je to možné. Uvedomte si, že WYSIWYG editory sa často aktualizovať formátovanie pridaním vrstvu po vrstve vnoreného kódu. Takže keď ste vyčistenie kódu hľadať redundantný vnorený kód umiestnené tam svoj program WYSIWYG editáciu.
big problém s pomocou HTML tagov je, že musíme opakovať tag kódovanie, ak zmeníme formátovanie. Nástup CSS nám umožňuje veľkou výhodou v čistých kódovanie tým, ktorý nám umožní rozloženie formátovania raz v dokumente, potom jednoducho odkazujú na to znova a znova.
Ak by sme mali šesť bodov na stránku, ktorá prepínať medzi dvoma rôznymi typmi formátovanie, ako nadpisy v Modrej, Bold, Ariel, veľkosť 4 a odseky textu v čiernej, Times, veľkosť 2, pomocou značiek by sme potrebovali vypísať kompletné formátovanie že zakaždým, keď urobíme zmenu.
(font tvár =? Ariel? color =? modrú? size =? 4?) (b) Náš oddiel (/ b) (/ span)
(font face =? Times color =? čierne? size =? 2?) Naša odsek (/ font)
(font face =? Ariel? color =? modrú? size =? 4?) (b) Náš ďalší čísla (/ b) (/ span)
(font face =? Times color =? čierne? size =? 2?) Naša ďalší odsek (/ font)
Radi by sme zopakujte tento pre jednotlivé položky a bod, spousta HTML kód.
S CSS sme mohli vytváranie CSS štýlov pre každý typ formátovanie zoznamu Štýly raz v záhlaví stránky, a potom len odkazovať na štýl zakaždým, keď sme urobiť zmenu.
(head)
(v štýle 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;
)
--)
(/ štýl)
(/ head)
(telo)
(p class = "Style1") okruhu (/ p)
(p class = "style2") Odsek Text (/ p)
(/ telo)
Všimnite si, že Štýly sú vytvorené v časti vedúci stránky a potom jednoducho popísaná v časti tela. Ako sme pridať ďalšie formátovanie by sme jednoducho naďalej odkazovať na už predtým vytvorené štýly.
Tento je naša tretia zásadu čistého HTML kód: Pomocou CSS štýlov, keď niekedy je to možné. CSS má niekoľko ďalších výhod, ako sa budú môcť miesto CSS štýlov v externom súbore, čím sa zníži veľkosť strany ešte viac, a schopnosť rýchlo aktualizovať formátovanie Site-wide jednoducho aktualizovať externých CSS štýlov súboru.
A tak sa niektoré jednoduché čistenie kódu HTML môžete ľahko znížiť veľkosť súboru a rýchlo nakladanie, štíhle a stredné webové stránky.
O autorovi:
Jiří Peirson je úspešný podnikateľ a Internet tréner. Je autorom viac ako 30 multimediálnych titulov na základe konzultácie týkajúce sa prípravy
Článok Zdroj: Messaggiamo.Com
Related:
» Seo Elite: New Seo Software!» AntiSpywareBOT
» Reverse Mobile
» Error Nuker
Webmaster si html kód
Pridajte tento článok do svojich webových stránok sa!
Webmaster Pošlite svoj článok
Nie nutná registrácia! Vyplňte formulár a Váš článok je v Messaggiamo.Com Adresár!
