HTML5 правильно вложенный тег заголовка - PullRequest
Новая
       1

HTML5 правильно вложенный тег заголовка

0 голосов
/ 04 марта 2011

Как я должен использовать тег заголовка, если он не может быть правильно вложен в мой макет?EG: 

<body>

<header>

<div class="topBar"></div>
<div class="mainBox">
    <div class="headWrapper">       
        <div class="searchWrap">
            <label for="SearchBox">Search Scirra</label>
            <input type="text" name="SearchBox" id="SearchBox" tabindex="1" />
            <div class="s searchIco"></div>
        </div>
        <!-- Logo placeholder -->       
    </div>

    <nav>
        <ul class="mainMenu">
            <li><a href="#">Home</a></li>
            <li><a href="#">Forum</a></li>
            <li><a href="#" class="mainSelected">Construct</a></li>
            <li><a href="#">Arcade</a></li>
            <li><a href="#">Manual</a></li>
        </ul>
        <ul class="underMenu">
            <li><a href="#">Homepage</a></li>   
            <li><a href="#">Construct</a></li>
            <li><a href="#" class="underSelected">Products</a></li>
            <li><a href="#">Community Forum</a></li>
            <li><a href="#">Contact Us</a></li>
        </ul>
    </nav>

    </header>

    <div class="contentWrapper">
        <div class="wideCol">
                 Content!  Whee whee!  Elephants are powerful!  Elephants are strong!
                 *SNIP REST OF DOCUMENT THAT FLOWS FROM HERE*

Семантически это правильно, но неправильно вложено, я делаю это неправильно / правильно?Нужно ли менять структуру моего документа?Я педантичен?

Ответы [ 2 ]

2 голосов
/ 04 марта 2011

Похоже, <div class="mainBox"> не закрыто.Он должен быть закрыт до закрытия заголовка.

1 голос
/ 04 марта 2011

Какой браузер вы сейчас используете для тестирования своего HTML5? В зависимости от браузера, то, что вы пытаетесь сделать, может просто не работать.

Действительная страница HTML5 может выглядеть так: 

<!DOCTYPE HTML>
<html>
  <head>
    <title>TITLE</title>
  </head>
  <body>
    <section>
      <header>
        <h1>HTML5!</h1>
      </header>
      <p>
        lalalal bla bla bla!
      </p>
    </section>
  </body>
</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

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

...