После публикации заметки про теги 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 выделять и прописывать это правило к каждой отдельно взятой аббревиатуре.

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

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

Дело ваше!

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

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

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

Как мы...

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




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

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

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

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


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

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



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

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

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





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

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

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




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

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

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

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


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

Когда я искала работу для дополнительного заработка‚ нашла статью‚ которая обещала помочь СДЕЛАТЬ СОТНИ ТЫСЯЧ РУБЛЕЙ ЗА ПАРУ НЕДЕЛЬ ПРИ ВЛОЖЕНИИ ВСЕГО 70 РУБ. «Очередная уловка мошенников», подумала я, но статью до конца дочитала, чтобы понять‚ что мне такое там предлагают‚ ведь и вам, наверно, интересно...
Дальше там говорилось‚ что надо послать по 10 руб. на 7 Internet-кошельков. Затем удалить из списка первый кошелёк, а на самую нижнюю строчку вписать номер своего Internet-кошелька. После этого, вы закидываете данное сообщение‚ но уже с ВАШИМ КОШЕЛЬКОМ на седьмой строчке‚ на 200 разных форумов, газет с предложениями о работе и т.д. Ну‚ я поразмышляла...

Совсем недавно Федеральная Антимонопольная Служба (ФАС) начала делопроизводство против компании Ру - Центр по поводу монопольной регистрации доменов второго уровня .РФ . Стоит отметить, что компания, не позиционировавшая себя ранее как киберсквотер, во-первых, стала им, а во-вторых, стала им самым нехорошим образом: имея преимущественное право регистрировать домены в зоне .РФ, Ру - Центр при первой же возможности зарегистрировал большинство доменов на себя (якобы в интересах пользователей для защиты от киберсквотеров), а теперь попросту ими торгует. Я понимаю, что в бизнесе все средства хороши, но этот поступок... Вобщем, это плохо!

Недавно на хабре была заметка о том, как фрилансеров Беларуси проверяет налоговая. Эта история случилась совсем недавно уже в России.

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

Работаю я фрилансером уже около 4 лет, как ИП не зарегистрирован, все это время большую часть дохода вывожу WMR на карточку через банкинг от WM. Посчитал, за последние 3 года (вроде именно столько т.н. отчетный период) вывел на счет около 1 млн.руб. Налоговая...

Наконец-то мы готовы показать нос своего основного проекта.
Не пропустите!)

http://joint-line.ru

А кто, где и каким образом ищет заказы? Думаю, вопрос актуален для всех фрилансеров.

Ребят если есть кто из Иваново то милости просим на конкурс ! все подробности тут! http://www.clickfest.ru/contest/



постил не ради рейтинга! (эт так к слову)



постил не ради рейтинга! (эт так к слову)

У кого есть свой интернет-проект в сети? Палите сайты))

Ребят, не имея опыта в поиске хостинга и обманутый гуглем решил обратиться к вам =)

подскажите кто-нибудь бесплатный хост с mysql, php, ftp
домен не имеет значения, т.к. для тестов нужно =)
буду премного благодарен =)