Трите принципи на HTML код за оптимизация
Точно като пролетно почистване на къща, на HTML кода на вашата уеб страници трябва да се периодично почистване, както добре. С течение на времето, като промени и актуализации са направени към уеб страница, кода може да стане пълен с ненужни елементарно, забавяне на зареждането на страниците и боли ефективността на вашата уеб страница. Безпорядъкът HTML могат да сериозно влияние на класирането търсачката.
Това е особено вярно, ако използвате WYSIWYG (Това, което виждате, това получавате) уеб дизайн на опаковки, като FrontPage или Dreamweaver. Тези програми ще ускори създаването си уеб сайт, но те не са толкова ефективни в писмен вид чист HTML код.
Фокусът ни ще е тази дискусия на действителната HTML кодиране, пренебрегвайки други езици за програмиране, които могат да бъдат използвани в страницата, като например JavaScript. В код примери ще се използват (и) знаци вместо правилното HTML код, така че примери ще се показват правилно в този бюлетин.
До неотдавна, когато кодиране на страницата в HTML може да се използва тагове като (Font) тагове и (п) параграф тагове. Между тези етикети ще бъде нашата съдържанието на страницата, текст, снимки и връзки. Всеки път, когато форматиране промяна е направена на страницата на нови етикети са били необходими с цялостно форматиране за нов раздел. В последно време Ние имаме опит в способността си да използват Cascading Style Sheets, което ни позволява да пише за форматиране веднъж и след това се отнасят за форматиране, че няколко пъти в рамките на една уеб страница.
За да се ускори страница натоварване пъти ние трябва да имат по-малко символи на страницата, когато се разглеждат в един HTML редактор. Тъй като ние наистина не искам да се отстранят всички видими съдържанието на сайта е необходимо да разгледаме на HTML код. С почистване на този код ние можем да Премахване на знаци, което да се създаде по-малки уеб страница, която се зарежда по-бързо.
С течение на времето HTML е променена и сега имаме много различни начини да се направи същото нещо. Един пример ще бъде код, използван да покаже лицето смели тип. В HTML имаме две основни възможности на (силни) тагове и (б) тагове. Както можете да видите (силни) тагове използва 5 повече символи, отколкото на (б) етикетът, и ако смятаме, че затварящи тагове като и виждаме, че с помощта на (силни) (/ силен) тагове двойка използва още 10 знака от чист (б) (/ б) тагове чифт.
Това е нашата първа Принцип на чист HTML код: Използвайте най-простият метод за кодиране на разположение.
HTML е способността на гнездене код в друг код. Например бихме могли да имат една линия с три думи, когато по средата дума е с удебелен шрифт. Това би могло да се постигне чрез промяна форматирането напълно всеки път, когато видим форматиране промени. Помислете за този код:
(Шрифта =? Пъти?) Това (/ шрифт)
(Шрифта =? Пъти?) (Силни) Bold (/ STRONG) (/ шрифт)
(Шрифта =? Пъти?) Word (/ шрифт)
Това отнема до 90 символа.
Това е много лошо написани HTML и е това, което от време на време ще получавате, когато с помощта на WYSIWYG редактор. Тъй като (Font) тагове, които са се повтарят същата информация, която може просто да гнездят на (силни) Тагове вътре в (Font) тагове, а още по-добре използвайте (б) маркер вместо (силни) тагове. Това ще ни даде този код (Шрифта =? Пъти) Това (Б) Bold (/ B) Word (/ шрифт), като представляват само 46 знака.
Това е вторият ни Принцип на чист HTML код: Използвайте вложени маркери, когато е възможно. Имайте предвид, че WYSIWYG редактори често ще актуализира форматиране чрез добавяне на слой след слой от вложени код. Така че по време на почистването на кода търсят излишни вложени код поставени там от вашата редакция WYSIWYG програма.
А голям проблем с използване на HTML етикети е, че трябва да се повтаря тагове кодиране, когато промените форматирането. Появата на CSS ни позволява голямо предимство в чисто кодиране от нас, позволяващ да се оформление форматирането веднъж в документа, след което просто да отнесе до него отново и отново.
Ако имахме шест точки в една страница, която да превключвате между две различни видове форматиране, като позиции в синьо, Bold, Ариел, размер 4 и параграф Текстът в черно, Times, размер 2, като се използват етикети ще се наложи да се изброят, че пълното форматиране всеки път, когато правим промяна.
(Шрифта =? Ариел? Цвят =? Син? Размер =? Четири?) (Б) Нашата позиция (/ б) (/ шрифт)
(Шрифта =? Брой цвят =? Черно? Размер =? 2?) Нашите точка (/ шрифт)
(Шрифта =? Ариел? Цвят =? Син? Размер =? Четири?) (Б) Следващият ни позиция (/ б) (/ шрифт)
(Шрифта =? Брой цвят =? черно? размер =? 2?) Следващият ни параграф (/ шрифт)
Бихме след това повторете това за всяка позиция и точка, много HTML код.
С CSS може да създаде CSS стилове за форматиране на всеки тип, списък на Стилове веднъж в заглавната част на страницата, а след това просто да се отнася до стила всеки път, когато правим промяна.
(главата)
(стил тип = "текст / CSS")
(! -
. Style1 (
шрифт семейство: Arial, Helvetica, без-сериф;
шрифт тегло: Bold;
шрифт с размер: 24px;)
. style2 (
шрифт семейство: "Times New Roman", Таймс, Serif;
шрифт с размер: 12px;)
-)
(/ стил)
(/ глави)
(тяло)
(P клас = "style1") ред (/ п)
(P клас = "style2") Параграф Текст (/ п)
(/ Тялото)
Забележете, че стилове са създадени в раздела за ръководителя на страницата и след това просто посочен в тялото точка. Като добавим повече форматиране ние просто ще продължат да се отнасят до предварително създадени стилове.
Това е нашата Третият принцип на "Чисто HTML код: Използвайте CSS стилове, когато това е възможно. CSS има няколко други ползи, като например възможността за поставяне на CSS стилове в едно външен файл, като по този начин намаляване на размера на страницата, дори повече, и способността за бързо обновяване на форматиране на ниво сайт, като просто актуализиране на външни CSS Стил файл.
Така че с няколко прости почистване на HTML кода ви лесно можете да намали размера на файла и да направи бързо зареждане, постно и среден уеб страница.
За автора: Джордж
Пиърсън е успешен предприемач и интернет Тренер. Той е автор на над 30 мултимедийни основава настойнически заглавия обучение, обхващащо такива теми, като Photoshop, Flash и Dreamweaver. За да видите обучението си определя посещението член авторското право www.howtogurus.com 2005 Джордж
Член Източник: Messaggiamo.Com
Related:
» Seo Elite: New Seo Software!» AntiSpywareBOT
» Reverse Mobile
» Error Nuker
уебмастъра Вземи Html кодекс
Добави тази статия на вашия сайт сега!
уебмастъра Подайте членове
Не е необходима регистрация! Попълнете формата и статията ви е в Messaggiamo.Com директория!
