Все меняется все развивается и html верстка так же вводит новые правила, частично, вытесняя старые теги и методы создания сайта. В этой статье я расскажу о некоторых важных моментах современной верстки, которые необходимо знать и понимать каждому.
Современная верстка основные правила
В силу постоянного развития программирования, верстки и т.д., многое из того что было раньше уходит в небытие, а на смену им приходят новые концепции, которые как ни крути нужно знать, чтобы делать качественные и современные сайты. Особенно много изменений пережили html и css, потихоньку совершенствуясь и развиваясь. Благодаря css были вытеснены многие теги в html, которые ранее использовались для стилизации, но и не только в этом перетерпел изменения html в его актуальной редакции на момент написания статьи 5-й редакции, он получил достаточно большое количество новых тегов, некоторые из них заменили старые, а многие появились впервые.
Давайте перейдем непосредственно к разбору того, что сейчас актуально, а что пора забыть:
- Не используйте табличную верстку. Это я думаю должно быть понятно каждому, но все же, нередко новички, найдя ту или иную статью по верстке сайта, не обращая внимания на дату ее написания, слепо пытаются верстать шаблон с помощью тега <table>, но это все безбожно устарело и таблицы должны использоваться для таблиц, а для верстки идеален <div>. И поверьте этот момент очень хорошо учитывают и поисковые системы, оценивая ваш сайт и давая ему какой-либо вес в поисковой выдачи.
- Теги акцентирования. Тут тоже нового особо не скажу, но все же важно понимать, что тег <b> и <i> не используются, и если же вам так нужно сделать жирным текст, без css то тег <strong> вам в помощь, курсив <em> еще интересный тег <cite> он придает тексту так же курсив, но используется для выделения заголовков, и помечает его как цитату для поисковых систем, что очень немаловажно.
- Добавление атрибутов к тегам. Здесь в частности идет речь о добавлении каких-либо стилизующих атрибутов типа управления цветом, фоновое изображение, такое часто применяется с тегом <body> и не только, в общем, это уже давно делает CSS и достаточно удачно, html код должен быть максимально чистым и без лишнего кода. Желательно все хранить в таблице стилей и применение атрибута style, нежелательно, но и не страшно, все должно быть четко, красиво, гармонично.
- Не нужно переусердствовать с тегом <br />. Многие привыкают использовать этот тег для разрыва строк, при этом, не делая нового абзаца. Или же применяют данный тег для создания разрыва между абзацами, этого делать не нужно в CSS уже давно есть свойство margin которое с этим прекрасно справится.
- Если ваш сайт написан уже достаточно давно и пережил много лет, то обязательно избавитесь от тега <font> честно говоря я не вспомню, когда последний раз его использовал, но все же встречаются нередко сайты с подобными пережитками прошлого, его достаточно давно вытеснил CSS и потребность в нем просто пропала, все свойства текста уже давно прописываются в таблице стилей.
В общем, что хотелось бы еще сказать, всегда следите за изменениями и инновациями, это важно не только для того чтобы вы как специалист не потеряли себя, это важно и для вашего проекта и его авторитетности и релевантности. Не забывайте использовать новые теги которые пришли к нам с последними стандартами языка такие как <article>, <nav>, <footer> ,<aside>, <section>… и т.д. Не пожалейте своего драгоценного времени и изучите новые возможности языков, и я гарантирую это время будет потрачено точно не впустую.
Разрешается републикация материалов сайта с обязательным указанием ссылки на автора
материала (указание автора, его сайта), ссылки следующего содержания:
https://for-net.ru - Как сделать сайт самому
