Самостоятельное создание сайта
ВСЕ О ТОМ, КАК
СДЕЛАТЬ САЙТ
САМОМУ


Оставить отзыв или предложение

Современная верстка основные правила

Устаревшие теги

В силу постоянного развития программирования, верстки и т.д., многое из того что было раньше уходит в небытие, а на смену им приходят новые концепции, которые как ни крути нужно знать, чтобы делать качественные и современные сайты. Особенно много изменений пережили html и css, потихоньку совершенствуясь и развиваясь. Благодаря css были вытеснены многие теги в html, которые ранее использовались для стилизации, но и не только в этом перетерпел изменения html в его актуальной редакции на момент написания статьи 5-й редакции, он получил достаточно большое количество новых тегов, некоторые из них заменили старые, а многие появились впервые.

Давайте перейдем непосредственно к разбору того, что сейчас актуально, а что пора забыть:

  1. Не используйте табличную верстку. Это я думаю должно быть понятно каждому, но все же, нередко новички, найдя ту или иную статью по верстке сайта, не обращая внимания на дату ее написания, слепо пытаются верстать шаблон с помощью тега <table>, но это все безбожно устарело и таблицы должны использоваться для таблиц, а для верстки идеален <div>. И поверьте этот момент очень хорошо учитывают и поисковые системы, оценивая ваш сайт и давая ему какой-либо вес в поисковой выдачи.
  2. Теги акцентирования. Тут тоже нового особо не скажу, но все же важно понимать, что тег <b> и <i> не используются, и если же вам так нужно сделать жирным текст, без css то тег <strong> вам в помощь, курсив <em> еще интересный тег <cite> он придает тексту так же курсив, но используется для выделения заголовков, и помечает его как цитату для поисковых систем, что очень немаловажно.
  3. Добавление атрибутов к тегам. Здесь в частности идет речь о добавлении каких-либо стилизующих атрибутов типа управления цветом, фоновое изображение, такое часто применяется с тегом <body> и не только, в общем, это уже давно делает CSS и достаточно удачно, html код должен быть максимально чистым и без лишнего кода. Желательно все хранить в таблице стилей и применение атрибута style, нежелательно, но и не страшно, все должно быть четко, красиво, гармонично.
  4. Не нужно переусердствовать с тегом <br />. Многие привыкают использовать этот тег для разрыва строк, при этом, не делая нового абзаца. Или же применяют данный тег для создания разрыва между абзацами, этого делать не нужно в CSS уже давно есть свойство margin которое с этим прекрасно справится.
  5. Если ваш сайт написан уже достаточно давно и пережил много лет, то обязательно избавитесь от тега <font> честно говоря я не вспомню, когда последний раз его использовал, но все же встречаются нередко сайты с подобными пережитками прошлого, его достаточно давно вытеснил CSS и потребность в нем просто пропала, все свойства текста уже давно прописываются в таблице стилей.

В общем, что хотелось бы еще сказать, всегда следите за изменениями и инновациями, это важно не только для того чтобы вы как специалист не потеряли себя, это важно и для вашего проекта и его авторитетности и релевантности. Не забывайте использовать новые теги которые пришли к нам с последними стандартами языка такие как <article>, <nav>, <footer> ,<aside>, <section>… и т.д. Не пожалейте своего драгоценного времени и изучите новые возможности языков, и я гарантирую это время будет потрачено точно не впустую.

Дата публикации:2019-03-05


Буду очень признателен, если вы поделитесь ссылкой на страницу со своими друзьями в социальных сетях.
Если у вас возникнут вопросы по теме пишите, надеюсь у вас все получиться, удачи вам и всего наилучшего!

Нашли ошибку в тексте

Нашли ошибку в тексте!!!
Просто выделите её мышкой, нажмите Ctrl+Enter.
И мы все исправим.

Хостинг Beget