Тип документа не допускает элемент "стиль" здесь? - PullRequest
Новая
       2

Тип документа не допускает элемент "стиль" здесь?

1 голос
/ 21 ноября 2011

Можно ли пройти проверку нашего html в w3, придав стиль нашей странице шаблона. Я использую Zend. В моем файле шаблона phtml у меня есть стили, такие как 

<style type="text/css">
    .re_mid li{
         list-style: none outside none;
}
</style>

Таким образом, при проверке происходит сбой, говоря "document type does not allow element "style" here", что означает, что мы должны написать наш стиль внутри тега <HEAD> Можно ли пройти проверку, даже если я добавлю стиль внутри тега <BODY>, Как мы используем <script>//<![CDATA[ .... //]]></script>

Ответы [ 5 ]

4 голосов
/ 21 ноября 2011

Нет. В спецификации HTML указано:

Элемент STYLE позволяет авторам размещать правила таблицы стилей в голове. документа. HTML допускает любое количество элементов STYLE в HEAD раздел документа.

То же самое относится к элементу link, если вы пытались включить внешнюю таблицу стилей.

Если вы хотите использовать элемент style, вам нужно будет поместить его в head. Если вам нужно определить стили в body, лучше всего использовать встроенные стили.

1 голос
/ 21 ноября 2011

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

1 голос
/ 21 ноября 2011

Вы можете использовать встроенные стили в разделе <body></body>, но вы определяете стиль документа, который должен находиться внутри раздела <head></head>.

0 голосов
/ 18 декабря 2014

Да, теперь вы можете добавить атрибут scope к тегу стиля, чтобы его можно было проверить, например, 

<style scope>
.re_mid li{
     list-style: none outside none;
}
</style>
0 голосов
/ 12 августа 2014

Мне удалось пройти проверку с использованием jQuery, потому что я мог вставить стиль только внутри файла шаблона: 

<script type="text/javascript">  
//<![CDATA[
var style = jQuery('<style type="text/css">'+<?php echo json_encode($style); ?>+'</style>');
jQuery('html > head').append(mb_popup_style);
//]]>
</script>
...