3 Принципа Оптимизирования Кодего Html
Справедливо как весна очищая дом, Кодий html ваших страниц стержня должно получить периодическую чистку также. Над временем, как изменения и уточнения сделайте к web page, Кодий смогите стать засорянным при ненужные местные помехи, замедляя временена загрузки страницы и загрузки эффективность вашего web page. Созданный суматоху html может также серьезно плотно сжать вашу ранжировку двигателя поиска.
Это специально поистине если вы используете пакет конструкции стержня WYSIWYG (вы видите вы получаете) such as FrontPage или Dreamweaver. Эти программы speed up ваше творение web site, но они не то эффективное на Кодем html сочинительства чистом.
Мы будем фокусировать это обсуждение на фактическом кодирвоании html, игнорируя другие языки программирования которые могут быть использованы в странице such as javaScript. В примерах Кодего я буду использовать (и) характеры вместо правильно html так НОП примеры Кодего покажут правильн в этом информационом бюллетене.
Вверх по until recently кодируя страницу в html мы использовали бы бирки such as бирка (купели) и (p) бирки параграфа. Между этими бирками был нашими содержанием, текстом, изображениями и соединениями страницы. Each time изменение форматизации было сделано на странице новые, котор бирки необходимы с вполне форматизацией для новой распределяют. Недавн мы приобретали способность использовать каскадируя листы типа, позволяющ нас писать форматизацию раз и после этого refer to ту форматизацию несколько времен в пределах web page.
Speed up временена загрузки страницы мы иметь немногие характеры на странице после того как мы осматриваны в редакторе html. В виду того что мы реально не хотим извлечь любое из нашего видимого содержания мы посмотреть к Кодему html. Путем очищать вверх по этому Кодему мы можем извлечь характеры, таким образом создавая более малое web page которое нагрузит более быстро.
Излишек html времени изменял и мы теперь имеем много по-разному дорог сделать такую же вещь. Примером было бы Кодий используемое для того чтобы показать сторону смелейшего типа. В html мы имеем 2 главным образом выбора, (сильной) бирку и (b) бирку. По мере того как вы можете увидеть (сильная) бирка использует 5 больше характеров чем (b) бирка, и если мы рассматриваем закрывая бирки также, то мы видим, что то использует пользы пары бирки (strong)(/strong) 10 больше характеров чем более чистой пары бирки (b)(/b).
Это будет наш первый принцип чистого Кодего html: Используйте просто имеющийся метод кодирвоания.
Html имеет способность Кодего вложенности в пределах другого Кодего. For instance мы смогли иметь линию с 3 словами где среднее слово находилось в смелейшем. Это смогло быть выполнено путем изменять форматизацию вполне each time видимая форматизация изменит. Рассматривайте это Кодего:
(купель face=?times?)This(/font)
(купель face=?times?)(strong)BOLD(/strong)(/font)
(купель face=?times?)Word(/font)
Это принимает вверх 90 характеров.
Это будет очень html плох в писменном виде и вы случайн будете получать при использовании редактора WYSIWYG. С бирок (купели) повторяйте такую же информацию, котор мы можем просто гнездиться (сильные) бирки внутри бирок (купели), и лучше но использовать (b) бирку вместо (сильной) бирки. Это дало бы нам это Кодего (face=?times)This купели (b)BOLD(/b) Word(/font), take up только 46 характеров.
Это будет наш второй принцип чистого Кодего html: Используйте, котор гнездят бирки когда по возможности. Будьте осведомленн что редакторы WYSIWYG част будут уточнять форматизацию путем добавлять слой после слоя, котор гнездят Кодего. Так пока вы очищаете вверх по Кодему look for резервное, котор гнездят Кодий помещенное там вашим WYSIWYG редактируя программу.
Большая проблема с использованием бирок html что мы повторить кодирвоание бирки когда мы изменяем форматизацию. Пришествие css позволяет нам большое преимущество в чистом кодирвоании путем позволять нам к плану форматизацию раз в документе, после этого просто refer to оно over and over снова.
Если мы имели 6 параграфов в странице, то переключают между 2 по-разному типами форматизации, such as рубрики в голубом, смелейше, Ariel, определяет размер 4 и разделяет на абзацы текст в черноте, временах, размере 2, использующ бирки, котор мы перечислить ту вполне форматизацию each time мы сделаем изменение.
(face=?Ariel купели? color=?blue? size=?4?)(b)Our heading(/b)(/font)
(color=?black face=?Times купели? size=?2?)Our paragraph(/font)
(face=?Ariel купели? color=?blue? size=?4?)(b)Our затем heading(/b)(/font)
(color=?black face=?Times купели? size=?2?)Our затем paragraph(/font)
Мы после этого повторили бы это для каждых рубрики и параграфа, серий Кодего html.
С css, котор мы смогли создать типы css для каждого типа форматизации, перечисляйте типы раз в коллекторе страницы, и после этого просто refer to тип each time мы сделаем изменение.
(головка)
(тип type="text/css")
(! - -
style1 {
купел-sem64: Arial, helvetica, sans-serif;
купел-ves: смелейше;
купел-razmer: 24px;
}
style2 {
купел-sem64: "римское времен новое", времена, serif;
купел-razmer: 12px;
}
--)
(/тип)
(/головка)
(тело)
(п class="style1")Heading(/p)
(п class="style2")Paragraph Text(/p)
(/тело)
Заметьте что типы созданы в головном разделе страницы и после этого просто снабжены ссылками в разделе тела. По мере того как мы добавляем больше форматизации мы просто продолжались бы refer to ранее созданные типы.
Это будет наш третий принцип чистого Кодего html: Используйте типы css когда всегда по возможности. Css имеет несколько других преимуществ, such as мочь установить типы css в внешнем архиве, таким образом уменьшающ размер страницы even more, и способность быстро уточнить форматизацию мест-wirokuh просто уточнять внешний архив типа css.
Так с некоторой просто чисткой вашего Кодего html вы можете легко уменьшить размер архива и сделать быструю нагрузку, lean и среднее web page.
О авторе:
George Peirson будет успешно антрепренером и тренером интернета. Он будет автором над 30 multimedia основал консультационные названия тренировки покрывая такие темы как Photoshop, вспышка и Dreamweaver. Увидеть, что его комплекты тренировки посетили www.howtogurus.com
Статья Источник: Messaggiamo.Com
Related:
» Seo Elite: New Seo Software!» AntiSpywareBOT
» Reverse Mobile
» Error Nuker
Вебмастер получить html-код
Добавить эту статью на Вашем сайте прямо сейчас!
Вебмастер представить свои статьи
Не требуется регистрация! Заполните форму и ваша статья в Messaggiamo.Com каталог!
