Ругается валидатор

[DivMan]

Никак не пойму, почему ошибка на 64 линии?

 

http://validator.w3.org/check?uri=http%3A%2F%2Fbarbershop-borodinski.ru%2Fid19853%2Ftechnomart%2Findex.html&charset=utf-8&doctype=HTML5&group=0

[afdw]

В section отсутствует заголовок. Подумайте над использованием h2-h6, чтобы добавить идентифицирующие заголовки в каждый section. Что тут непонятного?

[SelenIT]

Ругается на закрывающий тег </p> без соответствующего открывающего. Потому что предыдущий открывающий (строка 61) в полном соответствии с любым HTML-стандартом неявно закрыт перед заголовком h4 (см. http://www.w3.org/TR/html5/syntax.html#optional-tags).

Абзацы — не универсальные контейнеры (как div), а скорее логические «разбиваторы» для текста, в них не может быть вложенных блоков.

[DivMan]

Ругается на закрывающий тег </p> без соответствующего открывающего. Потому что предыдущий открывающий (строка 61) в полном соответствии с любым HTML-стандартом неявно закрыт перед заголовком h4 (см. http://www.w3.org/TR/html5/syntax.html#optional-tags).

Абзацы — не универсальные контейнеры (как div), а скорее логические «разбиваторы» для текста, в них не может быть вложенных блоков.

получается в p нельзя вкладывать h?

[Vlad]

В p нельзя вкладывать hx, нельзя другие p.

[SelenIT]

получается в p нельзя вкладывать h?

 

 

В p можно вкладывать только фразовый контент (простой текст и то, что раньше называлось «строчными элементами»). И стоит помнить о необязательности закрывающего тега для него — часто бывает, что закрытия тега не видно, а оно есть

[Sergik+]

Пользуйтесь jade, вообще забыл что такое не закрыть тег.

[SelenIT]

вообще забыл что такое не закрыть тег

 

Ничего, мы напомним

doctype htmlhtml(lang="en")  head    title Oops    style .test { color: blue; }     | .test .test2 { color: green; }     | body > .test2 { color: red; }  body    h1 Jade — хорошая вещь, но не заменит голову...    p.test Вот как бы абзац      p.test2 А это как бы внутренний абзацик...      |       | и как бы продолжение первого

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

[Sergik+]

 

вообще забыл что такое не закрыть тег

 

Ничего, мы напомним

doctype htmlhtml(lang="en")  head    title Oops    style .test { color: blue; }     | .test .test2 { color: green; }     | body > .test2 { color: red; }  body    h1 Jade — хорошая вещь, но не заменит голову...    p.test Вот как бы абзац      p.test2 А это как бы внутренний абзацик...      |       | и как бы продолжение первого

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

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

На jade уже страниц 60 сверстал, к хорошему быстро привыкаешь.

[afdw]

 

вообще забыл что такое не закрыть тег

 

Ничего, мы напомним

doctype htmlhtml(lang="en")  head    title Oops    style .test { color: blue; }     | .test .test2 { color: green; }     | body > .test2 { color: red; }  body    h1 Jade — хорошая вещь, но не заменит голову...    p.test Вот как бы абзац      p.test2 А это как бы внутренний абзацик...      |       | и как бы продолжение первого

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

 

А в чём здесь прикол? Всё вроде логично. Всё понял. Здесь первый p закрывается автоматически перед вторым, и в результате "продолжение" оказывается вообще не в p. Тоже самое действует и на ссылки. А какой вообще смысл запрещать вложность?

Edited April 7, 2015 by afdw

[Sergik+]

Никто не запрещает вложенность, глюк просто небольшой и легко обходится.

[SelenIT]

Никто не запрещает вложенность

 

В Jade, но не в HTML. Jade — удобный и полезный инструмент, безусловно, но на выходе у него всё равно HTML, поэтому от ответственности за несоблюдение правил HTML он не освобождает

 

глюк просто небольшой и легко обходится

 

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

 

 

 

какой вообще смысл запрещать вложность?

 

Упрощение и унификация в 99,9...% случаев. Куда должен перейти браузер при клике по вложенной ссылке — по внешней, по внутренней, открыть вторую вкладку и по обеим? Ну и исторические причины со времен, когда многие теги рассматривались не как контейнеры (а-ля скобки в математике), а как разграничительные маркеры (а-ля знаки препинания и «красная строка» в естественном языке), тоже. Ну и многострадальная семантика, куда ж без нее: если абзац по смыслу — некий единый смысловой блок из нескольких фраз текста, как он может включать другие абзацы? Тогда он автоматически перестанет быть абзацем и станет более крупной структурной единицей (section, blockquote, figure или просто div — по ситуации).

[Sergik+]

У меня единственная проблема с jade на данный момент это sublime индентацию ломает в svg,

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

сниппеты, верстается пулей. Заказчик совсем насел за неделю захотел 8 адаптивных страниц

относительно не простых, пришлось ему напомнить что предыдущий верстальщик это же верстал

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

шедевр (((