Популярные записи
    Календарь
    «    Январь 2019    »
    ПнВтСрЧтПтСбВс
     123456
    78910111213
    14151617181920
    21222324252627
    28293031 
    Теги
    Реклама
    Голосование

    Как вам качество моей работы?


    Ссылки
    Архивы
    Январь 2017 (1)
    Сентябрь 2016 (1)
    Август 2016 (1)
    Июль 2016 (2)
    Май 2016 (1)
    Апрель 2016 (3)

    591-62-63

    Контакты
     

    Как правильно верстать html-страницы?

    nDiezel, Прочитало: 5 332
    13 апреля 2009
    html-безграмотность
    или
    Как правильно верстать html-страницы



    Безграмотность.
    Именно она позволяла и позволяет зарабатывать недоучкам и школьникам. Безграмотность не школьников, безграмотность заказчиков. loon

    Часто вижу на фрилансе в комментариях к проектам:
    - валидная верстка!
    - стили в отдельном файле!
    - кроссбраузерность!
    и вот, недавно вообще убило:
    - сео-френдли haha


    Давайте по пунктам.
    html-верстка должна быть валидной!
    Она не может быть не валидной. Потому что это значит что верстальщик - дурак. Дурак и неуч. И он совершенно не знает, чем занимается. И "верстать" научился - позавчера. На уроке, в школе. riter

    Стили (css), также должны быть в отдельном файле.
    Поскольку если страниц будет несколько (а их по теории будет несколько) - для изменения стиля придется изменять его на всех страницах сайта.

    Кроссбраузерность просто говорит о опыте верстальщика.
    Тот, кто довольно долго верстает - верстает сразу на несклько браузеров. У него сразу код идет с рассчетом на 3-4 основных браузера.

    Сео-френдли, насколько я могу судить - это использование в html тегов h1, h2 и т.д.
    Также должно использоваться по умолчанию. Поскольку сайты "смотрят" не только люди, но и роботы поисковиков. А для них заголовки - это самое важное на странице.


    Это, что называется, мода. Ну и из вообще банальных правил:

    * Писать html теги большими прописными буквами является неправильным (TABLE, BODY, IMG) — это первый признак неручной работы и в таком коде тяжело ориентироваться, так как большинство кода в Интернете все-таки написано строчными буквами (table, body, img) и это является стандартом и весь html код, написаный строчными буквами признается html-валидатором невалидным!

    * Атрибуты всегда записывайте в кавычки (напр., align="right"), что придаст вашему коду аккуратность и совместимость с языком XML.

    * Есть теги, в которых нет закрывающего тега (img, hr, br), но по стандартам W3C - это те люди, которые диктуют правила написания html кода (да и многого другого). В таких случаях надо закрывать одиночный тег закрывающим слешем

    * Лишние комментарии, которыми программы засоряют код, так же, не пойдут на пользу вашему сайту, а вот ваши собственные комментарии помогут разобраться через некоторое время намного быстрее. Тем более, если сайтом станет заниматься другой мастер;

    * Старайтесь не оставлять стили и javascript код в страничке. Выводите их в отдельный файл — так проще что-либо поменять и код страницы уменьшится (иногда очень заметно);

    * У любого символа есть своя замена. В каждом справочнике по HTML есть список этих подстановок. Желательно использовать их, что бы не было проблем с просмотром в некоторых браузерах.


    А вообще, самый главный совет этой статьи вот:
    Верстайте с рассчетом на то, что вашу работу будет кто-то переделывать!
    И как следствие из этого:
    - "человеческие" названия стилей
    - "чистый код"
    - комментарии в нужных местах



    Надеюсь что данная статья вам помогла.
    Давайте сделаем интернет лучше... wink

    Ошибка

    Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.
    Наверх
    Вы используете браузер криворуких программистов.Их детище - глубоко ранит мою нежную психику и напоминает о бессонных ночах и километрах кода, написанного в попытках заставить работать это убожество.

    Поэтому, если вы хотите мира во всём мире - я искренне советую вам его заменить на более достойный
    Обещаю исправиться