Textpattern - на русском языке

форум общения русскоязычных пользователей CMS Текстпаттерн

Вы не зашли.

#1 14-05-2007 09:26:33

Evgeny
ять
Зарегистрирован: 15-03-2005
Сообщений: 1869

Что такое семантическая верстка?

Промелькнула тут реклама - "обучаем семантической верстке".

Термин особо не раскрывается, но по ощущению - имеется в виду верстка стилями.

Это такой новый термин, предназначенный для замены "верстки без таблиц", "верстки div-ами", "css-верстки" и т.п.?

Или это что-то совсем из другой оперы?

Неактивен

 

#2 14-05-2007 11:10:01

ТВЭЛ
слово
Откуда: Северск-Томск
Зарегистрирован: 29-04-2006
Сообщений: 366
Вебсайт

Re: Что такое семантическая верстка?

Думаю, можно без таблиц, divами и с использованием CSS сверстать совсем не семантично wink

Семантично верстать, это значит, использовать тэги в соответствии со структурой документа.
Например, если меню у нас идет списком, а не перечислением ссылок - это семантично.

Ну, естественно, заголовок должен быть заголовком в структуре, а не только внешне. И соответственного уровня, естественно.
Списки - списками, и т. д.

Я примерно так понимаю.


Время не ждет.

Неактивен

 

#3 14-05-2007 11:53:51

warmrobot
наш
Откуда: Москва
Зарегистрирован: 25-08-2006
Сообщений: 219
Вебсайт

Re: Что такое семантическая верстка?

Для меня семантичная вёрстка - это всего названия классов и 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)

Неактивен

 

#4 19-08-2007 01:39:44

TAndrew
аз
Зарегистрирован: 27-09-2005
Сообщений: 4

Re: Что такое семантическая верстка?

Семантическая вёрстка предполагает делать упор не на оформление текста, а именно на логическое выделение.
Т.е., например, тег Em как выделение в тексте вместо чисто оформительного тега курсива I (это наиболее простой пример).

Неактивен

 

#5 01-09-2007 02:01:27

kegf
буки
Зарегистрирован: 01-09-2007
Сообщений: 6

Re: Что такое семантическая верстка?

помню тоже, в одной серьезной московской конторе, на одном известном сайте для фрилансеров был заказ типа "валидная верстка div'ами. Никаких таблиц!". Да, можно и так и так, но правильнее то истпользовать таблицы.

Да, и <em> вместо <i>, и <stong> вместо <b>, и повсеместное использование такой структуры <acronym title="world wide web">WWW<acronym>. Давайте создадим отдельный раздел по правильному оформлению чтоли smile я за. Хотя лучше просто почитать спецификацию HTML.

Отредактированно kegf (01-09-2007 02:10:24)

Неактивен

 

#6 15-10-2007 09:21:52

pepelsbey
живёте
Откуда: Москва—Питер
Зарегистрирован: 20-04-2005
Сообщений: 70
Вебсайт

Re: Что такое семантическая верстка?

Забавно, но этот топик, вышел на первую позицию запроса «семантическая вёрстка» wink

Если кто-то интересуется, то в начале ноября на конференции Client2007 я буду читать доклад на эту тему: http://www.client2007.ru/

Отредактированно pepelsbey (16-10-2007 08:54:55)

Неактивен

 

#7 15-10-2007 11:23:54

warmrobot
наш
Откуда: Москва
Зарегистрирован: 25-08-2006
Сообщений: 219
Вебсайт

Re: Что такое семантическая верстка?

pepelsbey написал:

Забавно, но этот топик, навеянный судя по всему моим семинаром, вышел на первую позицию запроса «семантическая вёрстка» wink

Если кто-то интересуется, то в начале ноября на конференции Client2007 я буду читать доклад на эту тему: http://www.client2007.ru/

Я вот сомневаюсь что этот топик навеян Вашим, только ещё предстоящим, семинаром. Как-то вы, Вадим, не очень ловко ввернули сюда свою рекламу.

Тем не менее, на конференцию придём, спасибо за приглашение. Нас уже ангажировали недели две назад. :-)

Неактивен

 

#8 15-10-2007 22:10:10

Nicck
ферт
Откуда: Ижевск
Зарегистрирован: 11-05-2005
Сообщений: 536
Вебсайт

Re: Что такое семантическая верстка?

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/

Хочу комментариев smile

Неактивен

 

#9 16-10-2007 08:52:17

pepelsbey
живёте
Откуда: Москва—Питер
Зарегистрирован: 20-04-2005
Сообщений: 70
Вебсайт

Re: Что такое семантическая верстка?

Сорри, это ни в коем случае не было попыткой отрекламировать конфу.
Я просто сравнил дату начала топика и вспомнил про то, что именно в это время крутилась реклама про семинар о семантической вёрстке.

Хотя может я что-то путаю. Ещё раз прошу прощения — поправил исходное сообщение.

2Nicck: «т.к. css применяется к xml документу регистр тоже важен» — вот эта фраза для меня совсем не очевидна. Про BODY в CSS рассказано в докладе «CSS-менеджмент», на том же сайте. Досмотрите (или прокрутите) до конца wink

Отредактированно pepelsbey (16-10-2007 08:56:59)

Неактивен

 

#10 16-10-2007 21:28:41

Nicck
ферт
Откуда: Ижевск
Зарегистрирован: 11-05-2005
Сообщений: 536
Вебсайт

Re: Что такое семантическая верстка?

Я ж не просто так указал в скобках циату из 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 спецификации.

Неактивен

 

#11 17-10-2007 08:02:16

pepelsbey
живёте
Откуда: Москва—Питер
Зарегистрирован: 20-04-2005
Сообщений: 70
Вебсайт

Re: Что такое семантическая верстка?

Да, конечно, я в курсе, что XML он case-sensitive, но речь же идёт о CSS, где работают свои правила?
Именно этого я не могу понять — связи между XHTML и CSS, которая переносила бы правила одного языка разметки на другой язык стилей.

Отредактированно pepelsbey (17-10-2007 08:03:07)

Неактивен

 

#12 17-10-2007 20:30:41

Nicck
ферт
Откуда: Ижевск
Зарегистрирован: 11-05-2005
Сообщений: 536
Вебсайт

Re: Что такое семантическая верстка?

Теория:

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 регистр важен?

Неактивен

 

#13 18-10-2007 12:16:39

pepelsbey
живёте
Откуда: Москва—Питер
Зарегистрирован: 20-04-2005
Сообщений: 70
Вебсайт

Re: Что такое семантическая верстка?

Вот ещё мнение.

Вопрос:

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.

http://lists.evolt.org/archive/Week-of- … 35503.html

Неактивен

 

#14 14-02-2008 16:05:41

Паша
добро
Откуда: Беларусь
Зарегистрирован: 10-02-2008
Сообщений: 42
Вебсайт

Re: Что такое семантическая верстка?

"логическое выделение" - промелькнул здесь правильный ответ.
<strong> вместо <b> и так далее.
А на семинаре за пять листов вам расскажут про такую "хитрость", как использование h1 вместо обычного p.

h1.razvod_poiskovika {font-size:0.9em; font-weight:100;}

пользуйтесь, я не жадный!

Неактивен

 

#15 14-02-2008 21:51:16

raivilion
живёте
Откуда: Екатеринбург
Зарегистрирован: 14-02-2007
Сообщений: 86

Re: Что такое семантическая верстка?

Паша написал:

"логическое выделение" - промелькнул здесь правильный ответ.
<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>.
И вы говорите, что знаете что такое семантическая верстка? wink Ну ну.

Неактивен

 

#16 14-02-2008 23:00:43

Паша
добро
Откуда: Беларусь
Зарегистрирован: 10-02-2008
Сообщений: 42
Вебсайт

Re: Что такое семантическая верстка?

raivilion написал:

Отсутствует атрибут alt в <img>

Забыть альт в изображении... какой ужас!
Естественно, я не знаю, что такое семантическая верстка.
К слову сказать я не полностью ручками этот сайт делал, мне помогал ТП (за что я ему благодарен).
А специалисты по валидации в свое время так достали Лебедева, что натолкнули его на всем известное "Лучший валидатор - это браузер".

Хотя в том, что паша.бай не образец семантической верстки Вы абсолютно правы (правда не помню, чтобы я утверждал обратное). Могу показать и хороший пример по использованию alt (1-ое место в google images по запросам типа camomile(ромашка) и т.д.)

Я всего лишь отвечал на вопрос...

Неактивен

 

#17 11-04-2009 06:39:44

Ted
аз
Зарегистрирован: 11-04-2009
Сообщений: 1

Re: Что такое семантическая верстка?

Народ помогите пожалуйста .... у меня диплом висит ... тема его : семантическая верстка как комплекс мер продвидения сайта в сети интернет ... мне нужно,как можно больше информации ... если кто нибудь сможет помочь .... напишите пожалуйста по адресу: cool_dany@mail.ru  ..... заранее благодарен

Неактивен

 

Board footer

RSS   Rambler's Top100
Powered by PunBB
Textpattern.ru