1), ч Использование этикетки:
Обратите внимание, что, независимо от любой страницы, h1 тегов могут появляться только один раз, что является основным заголовком текущей страницы, вплоть до тяжелого, так что будьте осторожны. В общем, если есть, то лучшее ключевое слово появляется в h1 внутри.
h2 параграф заголовков или подзаголовки, как, если он подключен к h2 сео аспект, он может быть расположен внутри хвоста ключевых слов. H3, более низкий уровень, или другие каналы могут быть расположены ниже.
h1 теги не отображаются после h2-h6, ч-теги в соответствии с уровнем значимости и поделить, с № ~ h6, нужно написать к началу тега h1
H метка на визуальном исполнении часто являются смелыми, но его грамматическое значение черного тела совершенно иная, не злоупотребляйте на этой странице.
2) выбрать соответствующую этикетку:
а, мульти-H5 семантические метки
б, р этого слова использовать тег, заголовки ~ h6 с h1, не имеют DIV
C, приобретая элементы формы, многоразового использования формы вместо DIV:
Такие, как использование DIV:
<DIV> <ввод ID = "имя пользователя"> <ввод ID = "пароль"> </ DIV> //获取时<скрипт> пусть UserName = $ ( '# пользователь Нама') Вал (). пусть пароль = $ ( '# пароль') Вал (). </ скрипт>
Для того чтобы получить две формы данных проверяется дважды в DOM., Если есть 10, 10 необходимо проверить, если она составляет 20, 30 ...... на влияние на производительность, особенно в мобильном терминале.
Если DIV в форме:
<форма ID = "регистр"> <имя входного = "имя пользователя"> <имя входного = "пароль"> </ form> //获取时: <скрипт> пусть форма = document.getElementById ( 'регистрация'), UserName = форма [ 'имя-пользователя'] значение,. пароль = form.password.value; </ скрипт>
д, другие мелкие детали:
С жирным текстом: б / сильный (подчеркивали роль), без необходимости вручную установить начертание шрифта, преимущества: изменить шрифт после необходимо установить только б / сильный из семейства шрифтов.
3) уменьшить количество фрейма
Используйте IFRAME обратить внимание, чтобы понять преимущества и недостатки IFRAME
преимущество
-
Содержание может быть использовано для загрузки медленнее, такие, как реклама.
-
Защита безопасности изолированной среды . Браузер будет содержимое элемента управления безопасностью IFrame.
-
Сценарии могут быть загружены параллельно
недостаток
-
Даже если содержание расходуется время загрузки пустой IFrame
-
Это предотвратит загрузку страницы
-
Нет семантический
4), чтобы избежать пустых фотографий и другого плавающего фрейма и Src, Src пустые перезагружает текущую страницу, влияют на скорость и эффективность.
5), попытайтесь избежать сброса размера изображения.
Сброс размера изображения в HTML, CSS, JavaScript и т.д. несколько раз, чтобы сбросить размер изображения, разблокируются размер изображения приведет к перерисовывать картину много раз, влияет на производительность.
6), уменьшить Дом узла страницы узла Dom рендеринга большого влияния должно быть сведено к минимуму Dom узел
7), уменьшить заторы
Написанная в HTML голове Js, и написано в HTML тегов Style блокировать страницу рендеринга, так что CSS на голове страницы и использовать режим Link вводится, чтобы избежать написания стиль в HTML-теги, Js на конце страницы или использования загружаются асинхронно
8), тег HTML вложенные слои не влияют на загрузки страницы
9), метод аннотаций условия
Примечание условие IE (Условные комментарии) браузер IE проприетарный код рассматривается как комментарии в других браузерах.
<! - [если IE]> для ИЭ <[ENDIF] ->
<! - [IF ИЭ 6.]> Для IE6 <[ENDIF] ->
<! - [. IF ИЭ 7] > для IE7 <[ENDIF] ->
<! - [IF ИЭ 8.]> для IE8 <[ENDIF] ->
<! - [IF ИЭ 9.]> для IE9 <[ENDIF! ] ->
<! -. [IF GT ИЭ 6]> выше для IE6 <[ENDIF] ->
<! - [ЕСЛИ LTE ИЭ 7]> для IE7 или ранее <[ENDIF.! ] ->
<! - [IF GTE ИЭ 8]> IE8 или более поздней версии для <[ENDIF] -.!>
<! -. [IF ЛТ ИЭ 9]> или ниже для IE9 <[ENDIF! ] ->
<! - [IF ИЭ 8]> -.!> для не-IE <- !! <[ENDIF ] ->
Gt: больше, критерии отбора или более поздние версий, не включает в себя условные версии> LT: меньше В прошлом, версию условия выбора или ниже, не включает в себя условный версии < GTE: Более В прошлом или равно, критерии отбора или более поздние версии, условие версия содержит> = Г: меньше или равно, следующие критерии выбора версия для печати версия содержит условие <= : выбрать все версии , кроме условий версии, независимо от уровня
* только IE условные комментарии признают, что другие браузеры будут показывать
Такие, как:
<! DOCTYPE HTML>
<HTML>
<HEAD>
<META кодировка = "UTF - 8">
<название> </ название>
<- [ЕСЛИ Gt ИЭ 6.]!>
<Стиль>
тело {
фон: LightBlue;
}
< / стиль>
<[ENDIF] ->! <- [IF л IE 8]>! <Скрипт типа = "текст / JavaScript"> Alert ( "из вашего браузера, пожалуйста , загрузите обновление."); < / Script> <[ENDIF] -> </ HEAD> <BODY> <! - [. IF GT ИЭ 6]> <H2> больше , чем IE6 браузеры </ H2 <![ENDIF] -> </ body> </ html>