форум общения русскоязычных пользователей CMS Текстпаттерн
Вы не зашли.
Промелькнула тут реклама - "обучаем семантической верстке".
Термин особо не раскрывается, но по ощущению - имеется в виду верстка стилями.
Это такой новый термин, предназначенный для замены "верстки без таблиц", "верстки div-ами", "css-верстки" и т.п.?
Или это что-то совсем из другой оперы?
Неактивен
Думаю, можно без таблиц, divами и с использованием CSS сверстать совсем не семантично
Семантично верстать, это значит, использовать тэги в соответствии со структурой документа.
Например, если меню у нас идет списком, а не перечислением ссылок - это семантично.
Ну, естественно, заголовок должен быть заголовком в структуре, а не только внешне. И соответственного уровня, естественно.
Списки - списками, и т. д.
Я примерно так понимаю.
Неактивен
Для меня семантичная вёрстка - это всего названия классов и ID отражающие структуру веб-страницы. То есть многие пишут так: div class="floatleft block block1" или ul id="top_rigth_menu"
Это неправильно. Названия должны что-то значить в плане структуры документа а не указывать на их место в конкретном макете. Вот отсюда и проистекает слово "семантичная".
Правильные названия: "footer", "nav", "aside", "header" "ads" "banners" и т. д.
Но никак не "leftcolumn" Если хотите увидеть НЕсемантичную вёрстку, откройте любой русский сайт на Друпале. :-) Это правда.
Я уже не говорю уже про тэги, дивы и прочая - это само собой разумеется. Никаких таблиц для макета! Тэги используются конкретно для того, для чего они предназначены. Поэтому их надо знать хорошо. Даже редкие, типа <address> А на подходе уже секции в HTML. Тоже уже можно присматриваться.
P. S. Из курьёзов: один молодой человек называл CSS вёрстку "табличной", имея в виду "каскадные таблицы стилей". АнеГдотец прямо. ;-)
Отредактированно warmrobot (14-05-2007 11:56:54)
Неактивен
Семантическая вёрстка предполагает делать упор не на оформление текста, а именно на логическое выделение.
Т.е., например, тег Em как выделение в тексте вместо чисто оформительного тега курсива I (это наиболее простой пример).
Неактивен
помню тоже, в одной серьезной московской конторе, на одном известном сайте для фрилансеров был заказ типа "валидная верстка div'ами. Никаких таблиц!". Да, можно и так и так, но правильнее то истпользовать таблицы.
Да, и <em> вместо <i>, и <stong> вместо <b>, и повсеместное использование такой структуры <acronym title="world wide web">WWW<acronym>. Давайте создадим отдельный раздел по правильному оформлению чтоли я за. Хотя лучше просто почитать спецификацию HTML.
Отредактированно kegf (01-09-2007 02:10:24)
Неактивен
Забавно, но этот топик, вышел на первую позицию запроса «семантическая вёрстка»
Если кто-то интересуется, то в начале ноября на конференции Client2007 я буду читать доклад на эту тему: http://www.client2007.ru/
Отредактированно pepelsbey (16-10-2007 08:54:55)
Неактивен
pepelsbey написал:
Забавно, но этот топик, навеянный судя по всему моим семинаром, вышел на первую позицию запроса «семантическая вёрстка»
Если кто-то интересуется, то в начале ноября на конференции Client2007 я буду читать доклад на эту тему: http://www.client2007.ru/
Я вот сомневаюсь что этот топик навеян Вашим, только ещё предстоящим, семинаром. Как-то вы, Вадим, не очень ловко ввернули сюда свою рекламу.
Тем не менее, на конференцию придём, спасибо за приглашение. Нас уже ангажировали недели две назад. :-)
Неактивен
pepelsbey написал:
…топик, навеянный судя по всему моим семинаром…
Правильно говорит warmrobot, про семинар мы узнали позднее.
Но кстати, pepelsbey, слайды были интересны и даже полезны, списибо за пропоганду. )
Ещё, я давно хотел обсудить с тобой один вопрос, даже письмо писал (более года назад), но ответа не получил и успокоился. В этот раз почте не доверюсь спрошу тут:
Почему ты на своем сайте, в стиле для xhtml1-strict документа, при написании селекторов для тэгов, не длаешь различий в регистре?
Как рассуждаю я:
- xhtml strict это уже xml
- в xml регистр имеет значение
- т.к. css применяется к xml документу регистр тоже важен
(5.1 Pattern matching
…The case-sensitivity of document language element names in selectors depends on the document language.)
Как показали опыты на правильных браузерах (Opera и Firefox) они думают так же, когда парсят xhtml как xml а не как html.
А между тем я не первый год наблюдаю body в xhtml и BODY в css для него, на сайте http://pepelsbey.net/
Хочу комментариев
Неактивен
Сорри, это ни в коем случае не было попыткой отрекламировать конфу.
Я просто сравнил дату начала топика и вспомнил про то, что именно в это время крутилась реклама про семинар о семантической вёрстке.
Хотя может я что-то путаю. Ещё раз прошу прощения — поправил исходное сообщение.
2Nicck: «т.к. css применяется к xml документу регистр тоже важен» — вот эта фраза для меня совсем не очевидна. Про BODY в CSS рассказано в докладе «CSS-менеджмент», на том же сайте. Досмотрите (или прокрутите) до конца
Отредактированно pepelsbey (16-10-2007 08:56:59)
Неактивен
Я ж не просто так указал в скобках циату из css спецификации. Повторюсь с перводом, раз в том сообщении этот текст не заметен. (глава 5.1, второй абзац)
The case-sensitivity of document language element names in selectors depends on the document language. For example, in HTML, element names are case-insensitive, but in XML they are case-sensitive.
Чувствительность имен элементов языка документа к регистру определяется языком документа. Например, в HTML-документах имена элементов не зависят от регистра, а в XML-документах - зависят.
А то, что XHTML это XML можно прочесть в XHML спецификации.
Неактивен
Да, конечно, я в курсе, что XML он case-sensitive, но речь же идёт о CSS, где работают свои правила?
Именно этого я не могу понять — связи между XHTML и CSS, которая переносила бы правила одного языка разметки на другой язык стилей.
Отредактированно pepelsbey (17-10-2007 08:03:07)
Неактивен
Теория:
nicck написал:
Я ж не просто так указал в скобках циату из css спецификации. Повторюсь с перводом, раз в том сообщении этот текст не заметен. (глава 5.1, второй абзац)
The case-sensitivity of document language element names in selectors depends on the document language. For example, in HTML, element names are case-insensitive, but in XML they are case-sensitive.
Вы же согласны что когда в CSS спецификации речь идет о селекторах то имеются в виду CSS селекторы? Или я что-то не так перевёл?
Да и, опять же, практика всё это подтвержает, как я уже говорил:
nicck написал:
Как показали опыты на правильных браузерах (Opera и Firefox) они думают так же, когда парсят xhtml как xml а не как html.
Какие ещё нужны доказательства того что в CSS для XHTML регистр важен?
Неактивен
Вот ещё мнение.
Вопрос:
BTW, is css case sensitive? a.something vs. A.something? I would really like to see a working example. Thanks efolk.
Ответ:
I quote from the W3C:
------------------------
The case-sensitivity of document language element names in selectors
depends on the document language. For example, in HTML, element names are
case-insensitive, but in XML they are case-sensitive.
-------------------------
Meaning, in HTML a.something is the same as A.something.
BUT:
http://www.w3.org/TR/REC-CSS2/syndata.html#q4 clearly states that
"All CSS style sheets are case-insensitive, except for parts that are not
under the control of CSS."
Meaning, that if you declare a class like:
.Warning
one browser will accept <div class="warning"> , but another will not. (IE
and Moz come to mind).
Therefore: keep it consistent. I am gradually re-training myself to write
in lowercase, selectors as well as class names, simply to be on the safe
side.
Неактивен
"логическое выделение" - промелькнул здесь правильный ответ.
<strong> вместо <b> и так далее.
А на семинаре за пять листов вам расскажут про такую "хитрость", как использование h1 вместо обычного p.
h1.razvod_poiskovika {font-size:0.9em; font-weight:100;}
пользуйтесь, я не жадный!
Неактивен
Паша написал:
"логическое выделение" - промелькнул здесь правильный ответ.
<strong> вместо <b> и так далее.
А на семинаре за пять листов вам расскажут про такую "хитрость", как использование h1 вместо обычного p.
h1.razvod_poiskovika {font-size:0.9em; font-weight:100;}
пользуйтесь, я не жадный!
http://validator.w3.org/check?uri=http% … mp;group=0
Наличие инлайн стилей. Несколько заголовков h1 на одной странице. Отсутствует атрибут alt в <img>.
И вы говорите, что знаете что такое семантическая верстка? Ну ну.
Неактивен
raivilion написал:
Отсутствует атрибут alt в <img>
Забыть альт в изображении... какой ужас!
Естественно, я не знаю, что такое семантическая верстка.
К слову сказать я не полностью ручками этот сайт делал, мне помогал ТП (за что я ему благодарен).
А специалисты по валидации в свое время так достали Лебедева, что натолкнули его на всем известное "Лучший валидатор - это браузер".
Хотя в том, что паша.бай не образец семантической верстки Вы абсолютно правы (правда не помню, чтобы я утверждал обратное). Могу показать и хороший пример по использованию alt (1-ое место в google images по запросам типа camomile(ромашка) и т.д.)
Я всего лишь отвечал на вопрос...
Неактивен
Народ помогите пожалуйста .... у меня диплом висит ... тема его : семантическая верстка как комплекс мер продвидения сайта в сети интернет ... мне нужно,как можно больше информации ... если кто нибудь сможет помочь .... напишите пожалуйста по адресу: cool_dany@mail.ru ..... заранее благодарен
Неактивен