основной тег и раздел тег, который идет первым? - PullRequest
Новая
       0

основной тег и раздел тег, который идет первым?

0 голосов
/ 15 ноября 2018

Должен ли тег <section> находиться внутри тега <main> или наоборот? Можно ли сделать тег <main>, включающий множество тегов <section>, его потомками? Пример: 

<body>
  <main>
    <section></section>
    <section></section>  
    <section></section>
    <section></section>
  </main>
</body>

Ответы [ 3 ]

0 голосов
/ 15 ноября 2018

Хорошо, в общем, вы можете использовать свою логику здесь. Раздел является частью вашего сайта. например, нижний колонтитул будет разделом. Также любая ЧАСТЬ страницы является разделом. Теперь вы можете обернуть этот раздел во что-нибудь еще ... будь то тег <body> или 

<body>
  <main>
    <div class wrapper>
      <section>

Проще говоря, главное сначала, чем раздел:)

0 голосов
/ 21 декабря 2018

Я не согласен с дивья джйоти.В этом примере «раздел» используется для структурирования различных блоков страницы, в то время как он должен использоваться для разделения КОНТЕНТА в статье на значимые куски.Очевидно, это зависит от личных предпочтений, но вот что я рекомендую своим клиентам: 

<html>
    <head></head>

    <body>
        <header>
            <nav>[main menu]</nav>
        </header>

        <main>
            <article>

                <h1></h1>
                <p>Intro</p>

                <section>
                    <h2>Header for theme of first section</h2>
                    <p>Text</p>
                </section>
                <section>
                    <h2>Header for theme of second section</h2>
                    <p>Text</p>
                </section>
                <section>
                    <h2>Header for theme of third section</h2>
                    <p>Text</p>
                </section>

                <aside>
                    Comments directly related to the article
                </aside>
                <aside>
                    Other articles similar to the main article
                </aside>

            </article>

            <aside>
                Block of content not directly related to article ie form to sign up
            </aside>



        </main>
        <nav>[right column menu]</nav>

        <footer>
            <nav>[bottom menu]</nav>
        </footer>       
    </body>
</html>

Вариации, очевидно, не ограничены, но я думаю, что это хороший базовый шаблон.Подробнее здесь https://www.semrush.com/blog/semantic-html5-guide/ и вы можете визуализировать свою семантическую структуру HTML5 здесь https://sitegardien.com/html5viewer/semantichtml5viewer.php

0 голосов
/ 15 ноября 2018

Элемент <main> должен содержать основное содержимое для нашей веб-страницы, а содержимое должно быть уникальным для отдельной страницы и не должно появляться в других местах на сайте. Элемент

<section> используется для представлениягруппа связанного содержимого.

Вы можете использовать <section> внутри тега <main>.

Идеальная структура для тегов HTML Semantic - 

<main id="wrapper">
   <section id="content">
      <article id="post">
                    <header>
                        <h1>HTML Semantic tags</h1>
                        <p>Correctly Use Semantic HTML5 <article>, <main> and <section> 
                        Tags</p>
                    </header>
     <footer>
           <p>Correctly Use Semantic HTML5 <article>, <main> and <section> 
                        Tags</p>
     </footer>

                    <section id="comments">

                        <article>
                            <p>This is my all important comment, please don't delete it. 
                            </p>
                        </article>

                    </section>

                </article>

            </section>

            <aside>
            </aside>

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

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

...