После публикации заметки про теги abbrи acronymи судя по тем рассуждениям, которые были в комментариях, мне бы хотелось прояснить один важный момент, который нужно понимать, прежде чем говорить о языке HTMLи тегах, которые в нем используются.

Момент этот заключается в понимании такого важного понятия, как семантика кода. Давайте в этой заметке попытаемся разобраться с этим вопросом и зачем это все нужно.

Что такое семантика - http://mastersloga.ru/news/chto_takoe_semantika_i_zachem_nuzhen_semanticheskij_analiz_teksta/2014-01-31-255

Что такое семантика кода?

Семантика (с лингвистической точки зрения) – это смысл, информационное содержание языка или отдельной его единицы.

Как мы знаем, структурными единицами языка HTMLявляются теги, они и являются теми самими отдельными единицами, которые несут смысл, информационное содержание.

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

Таким образом, когда мы создаем веб-страницу, с помощью языка HTML, мы объясняем компьютеру, какой элемент, какую роль должен играть на странице.

Мы должны понимать, что содержание каждого элемента веб-страницы должно быть заключено в теги, которые бы соответствовали их логическому и смысловому назначению.

Т.е. заголовки в тексте заключались бы в теги h1-h6, абзацы в теги p, списки в теги ul/ol (li) и.т.д.

Код, который соответствует этим условиям, называют семантическим т.е. каждому элементу на веб-странице, соответствует правильное смысловое значение.

А теперь вопрос, можем ли мы заголовок на веб-странице, заключить в тег абзаца?
А почем нет? Конечно, можем. Многие скажут, но ведь при этом мы теряем оформление, которое имеют заголовки h1-h6. Но, на самом деле, оформление здесь никакой роли не играет. С помощью стилей CSS, мы можем присвоить любому абзацу точно такое же оформление, которое было у элемента h1-h6.

Вывод, который мы с вами должны сделать, исходя из этого, семантика кода и оформление это две разные вещи, которые не нужно путать между собой. Определенное оформление каждому тегу присваивается, но его можно легко изменить,а вот изменить семантическое значение этого тега уже нельзя.

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

Поэтому, прежде чем заключать элемент в какой-либо тег, желательно подумать, а какую функцию, смысл он несет на странице?

Возникает логичный вопрос, а зачем в таком случае вообще нужна семантика кода?

Зачем заголовки делать заголовками, абзацы делать абзацами, аббревиатуры делать аббревиатурами и.т.д.?

По моему мнению, есть несколько причин, которые помогут вам склониться в сторону семантического кода. Что нам дает семантическая разметка?

1) Информацию о том, как браузеру по умолчанию отображать тот или иной элемент на странице;

Например, мы знаем, что заголовок h1, если не задавать ему никаких специальных стилей, отображается на странице размером 2em и жирным шрифтом. Но, по моему мнению это самая не существенная причина.

2) Семантический код лучше читается и воспринимается поисковыми системами;

Считается, что страница, которая имеет семантическую разметку, при прочих равных условиях, будет выдаваться выше в результатах выдачи поисковых систем, чем страница с несемантическим кодом.

2) Код более понятный для человека;

Согласитесь, что разобраться с кодом, где все четко прописано, что эта часть текста является абзацем, эта аббревиатурой, и.т.д. намного легче, чем с кодом, где вся информация идет одной сплошной структурой и не понятно, что хотел сказать автор.

3) Проще получить доступ к элементу и как следствие большая гибкость.

Делая код семантическим, вы сможете намного проще обращаться к этим элементам с помощью специальных средств, которые работают с элементами на веб-страницах, например, языки CSS, Javascript и др.

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

abbr {color:red;}

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

Это всего лишь один пример, которых можно привести массу.

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

Дело ваше!

Вы должны сами для себя принять это решение.

Что такое семантика кода?

Семантика (с лингвистической точки зрения) – это смысл, информационное содержание языка или отдельной его единицы.

Как мы...

На Международном автосалоне в Нью-Йорке эксперты определили победителя в номинации «автомобиль года», а так же тройку лучших автомобилей 2013 года в номинациях дизайн года, спорткар года и самый экологичный автомобиль года.



Авторитетное жюри, состоящее из 66 автомобильных экспертов, назвали гордость немецкого автопрома - Volkswagen Golf VII лучшим автомобилем 2013 года. И это уже четвертый год под ряд, когда германский автомобильный гигант забирает высшую награду в Нью-Йорке. В этом году конкуренцию Volkswagen составили Mercedes-Benz A-Class, Porsche Boxster/Cayman и Scion FR-S/Subaru BRZ/Toyota GT86.




По материалам: 24news.kiev.ua

Поздравляю с праздником Весны! Желаю счастья, улыбок, добрых и щедрых заказчиков)) +

Наше предприятие является заказчиком запорной арматуры и деталей трубопроводов производства ЗАО Группа Компаний "Русское Снабжение". С 2008 и по сей день были поставлены значительные объемы продукции: днища, переходы, отводы, соответствующие всем требованиям и характеристикам ГОСТ. Все поставки выполняются в строго оговоренные сроки согласно договорных обязательств.
ЗАО ГК "Русское Снабжение" зарекомендовало себя как надежный и ответственный производитель.

Я работаю менеджером по продажам в ЗАО ГК Русское снабжение все прекрасно.Дружеские и теплые отношения в коллективе.

Финансовый кризис в Украине отразился не только на качестве жизни рядовых украинцев – в первую очередь он ударил по рынку рекламных продуктов и по рынку трудоустройства.

Если первый рынок в конце 2008 года пал полностью (но сейчас перед выборами обещает подняться на прежний уровень), то ситуация с вопросом трудоустройства намного хуже.

В среднем количество открытых вакансий в Украине (в частности, в Киеве) уменьшилось на 45%, но и из существующих 55% далеко не вся работа – это честные и добропорядочные вакансии. Все хотят заработать, и мошенники – не исключение.

Рассмотрим несколько наиболее популярных на...

Зарегистрировался, немного заполнил профиль, но в портфолио пока ничего не добавил. А мог бы пополнить его сотнями ссылок на различные мои статьи, опубликованные в сети. Скоро будет четыре года, как я приступил к заработку в сети. За это время более года работал копирайтером и рерайтером текстов с постоянным заказчиком, но, увы, что-то с ним случилось и оплата за последние работы не поступила… Писал и продавал статьи, а в последние два года увлёкся блоговедением, зарабатывал ВебМани за счёт платных обзоров и постовых. Но и в этом направлении фриланса нередки неприятности. Об этом можно прочитать в Дневнике Фрилансера http://bonikblog.ru в последних постах.

Теперь нахожусь на своеобразном перекрёстке из двух направлений фриланса: продолжать продвигать блоги с целью дальнейшей их монетизации или вновь вернуться к копирайтингу и рерайтингу текстов? У кого какие предложения? Кому требуется в помощники копирайтер, имеющий опыт в SEO и продвижении, для написания уникальных текстов объёмом несколько тысяч буквознаков ежедневно? Готов вновь поработать в качестве копирайтера и рерайтера текстов, но, желательно, пока по разовым заданиям и с небольшой предоплатой. Если потребуется, то и свою сетку блогов, среди которых есть с тИЦ и PR, могу использовать для продвижения ваших ресурсов.в последних постах.
...

Маленькая подборка хвалебных слов в мой адрес,
(по большей части вполне заслуженных))

Со всеми моими клиентами Вы можете связаться лично, дабы узнать их мнения относительно всех аспектов сотрудничества с о мной.
(электронная почта, и адреса сайтов прилагаются)
http://logofabrika.ru/otziwy_logofabrika.html

Здравствуйте, дорогие коллеги! Искала новые пути и возможности в сфере фриланса, и "познакомилась" с этой замечательной биржей. Говорят, здесь такие же люди. Правда ли это? ;)

Если вам нужен сайт на InstantCMS и вы не знаете как его сделать.Вы можете спокойно заказать его у нас на сайте - http://softinstant.ru/




Список предоставляемых услуг с пояснениями.

Регистрация Домена и Хостинга для размещения Вашего сайта в Интернет.

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

Цена этой услуги согласно тарифному плану нашего Хостинга.


Установка и настройка Системы управления сайтом на Ваш хостинг.

Устанавливаем INSTANTCMS . Сюда Также включается установка и настройка всех необходимых модулей и плагинов.



Установка и настройка шаблона сайта.

Устанавливаем и проводим полную настройку выбранного Вами шаблона на Ваш сайт с учётом Ваших потребностей. (Корректируем дизайн, меняем логотип, при обнаружении ошибок в шаблоне исправляем ошибки)

Это может быть либо платный шаблон сайта, либо бесплатный. Единственное условие, эти шаблоны должны быть приобретёнными, либо скачанными с нашего сайта.





Рерайт или адаптация HTML шаблона под InstantCMS.

Вы можете найти в Интернете и скачать понравившийся Вам HTML шаблон для сайта, а Мы можем сделать этому шаблону Рерайт или, если так будет понятней, адаптировать этот шаблон HTML сайта под Систему управления сайтом InstantCMS, а также переоформить его под Ваши потребности и если этот шаблон зарубежный, то перевести его на Русский язык.

А также, Мы подготовим и настроим его для правильной оптимизации поисковыми системами.




Список предоставляемых услуг с пояснениями.

Регистрация Домена и Хостинга для размещения Вашего сайта в Интернет.

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

Цена этой услуги согласно тарифному плану нашего Хостинга.


Установка...