HTML5 теги вообще не работают в Firefox 3.6.3 - PullRequest
Новая
       67

HTML5 теги вообще не работают в Firefox 3.6.3

22 голосов
/ 13 июня 2010

Хорошо, я пытаюсь разобраться во всем этом HTML 5, и в этом уроке (http://www.webreference.com/authoring/languages/html/HTML5/)) говорится, что эти теги должны перемещать контент вообще без какого-либо CSS, но все, что я m получение - это строка текста, которая выглядит следующим образом: 

 Header tag   Nav tag    Artical Section tags    Aside tag   footer tag

Вот код: 

<!DOCTYPE html>
<html lang="en">
    <head>
        <title>HTML5 test1</title>
        <meta charset="utf-8" />
    </head>

    <body> 
        <header>
            Header tag
        </header> 

        <nav>
            Nav tag
        </nav> 

        <article> 
            <section> 
                Artical Section tags
            </section> 
        </article>

        <aside>
            Aside tag
        </aside> 

        <footer>
            footer tag
        </footer> 
    </body>  
</html>

Ответы [ 3 ]

32 голосов
/ 13 июня 2010

Firefox 3.6 пока не поддерживает элементы секционирования HTML 5. Вам придется вручную стилизовать теги, чтобы они были на уровне блока: 

article, aside, canvas, details,
figcaption, figure, footer, header,
hgroup, nav, section, summary, video {
    display: block;
}

Однако вам не понадобится HTML-прокладка; это только для IE.

2 голосов
/ 18 декабря 2010

Эти теги вообще не работают в Firefox 3.6.11 и Opera 11.0 - независимо от свойства CSS display, они просто неправильно анализируются Например, если вы вставите теги абзаца в приведенном выше примере, он развалится. Вот пример . Вы получите правильный результат в WebKit, Firefox 4 и Opera 11.11:

WebKit screenshot

Но вы получаете это в Opera 11.0 и Firefox 3.6:

Opera screenshot

0 голосов
/ 14 июня 2010

Если вам действительно нужно протестировать вывод HTML5 в Firefox (я не представляю, почему), вы можете активировать его через «about: config» и установив html5.enable в значение true.Помните, что они не выключили это даром.Для работы в реальном мире вам понадобится CSS, поэтому я предлагаю вам также застрять в этом.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...