Fatal编程技术网
  • css/
  • Css 正确使用章节文章和标题

Css 正确使用章节文章和标题

css html

Css 正确使用章节文章和标题,css,html,slider,Css,Html,Slider,我为高级液体滑块编写了一些代码。但由于我的标题滑块包含一些主要内容，如h标签、p标签和一些图像。我问自己：“我能把每一张幻灯片都看作是一篇文章吗？”因为我找不到正确的答案，也许有人能帮我。问题是，我的代码是否正确嵌套以及语义元素的正确使用。代码是： <header id="masthead" class="site-header" role="banner"> <div id="main-slider" class="liquid-slider">

我为高级液体滑块编写了一些代码。但由于我的标题滑块包含一些主要内容，如h标签、p标签和一些图像。我问自己：“我能把每一张幻灯片都看作是一篇文章吗？”因为我找不到正确的答案，也许有人能帮我。问题是，我的代码是否正确嵌套以及语义元素的正确使用。代码是：

 <header id="masthead" class="site-header" role="banner">
    <div id="main-slider" class="liquid-slider">    
            <article id="slider-1" class="liquid-slide-wrapper" style="background: url(images/back-99.jpg) 50% 50% /cover; repeat:no-repeat; min-height:450px;">
                <section class="section-text-left">
                    <header>
                        <h1 class="title" style=" color:#f7740a; display:none;">Professionele, betaalbare website nodig?</h2>
                        <h2 style=" color:#fff; display:none;">Zelf uw website aanpassen?</h3>
                    </header>
                    <p style="display:none; color:#fff;">Onze unieke websites worden afgeleverd met een wordpress CMS systeem.<br>
                        Hiermee kan u zelf uw website aanpassen!<br> Vat de kudu bij de horens en contacteer ons voor meer info!
                    </p>
                    <p style="display:none;"><button type="button" class="btn btn-primary btn-lg">Mail Ons</button>&nbsp;<button type="button" class="btn btn-transparent btn-lg">0494 / 77 22 61</button></p>
                </section>
                <section class="section-img-right clearfix">
                    <img class="slider-img-right fadeInRight animated" style="display:none; width:100%; max-width:692px; height:auto;" src="images/imac.png" />
                    <img class="slider-img-right fadeIn animated-slow" style="display:none; width:100%; max-width:692px; height:auto;" src="images/straf-webdesign.png" />
                    <img class="slider-img-right fadeIn animated-slow" style="display:none; width:100%; max-width:692px; height:auto;" src="images/responsive-webdesign.png" />
                </section>      
            </article>
            <article id="slider-2" style="background: url(images/background-7.png) 50% 50% /cover; repeat:no-repeat; min-height:450px;">
                <section class="section-text-left">
                    <header>
                        <h1 class="title" style=" color:#f7740a; display:none;">JustOnWeb wordt Kudu Concepts!</h2>
                        <h2 style="display:none; color:#000;">Een nieuwe naam, met een professionelere aanpak!</h3>
                    <header>
                    <p style="display:none; color:#fff;">Een website bestaat uit meer dan een lay-out. <br>Met kudu Concepts gaan we verder daar waar anderen stoppen!<br>
                        We bedenken een volledige filosofie voor uw website en <br> combineren dit met onze kennis van Online Marketing!
                    </p>
                </section>
            </article>
          </div>
</header>


Professionele，betaalbare网站nodig？
Zelf uw网站aanpassen？
worden afgeleverd在wordpress CMS系统中遇到的网站
我们的网站是aanpassen
请联系我们的信息！


邮政编码0494/77 22 61

JustOnWeb wordt Kudu概念！
即使是nieuwe naam，也遇到了Een Professionale aanpak！


我们在网站上与kennis van在线营销合作！
根据这里的W3C：

包含
不建议在
内部和
内部使用
根据W3C的说法，章节是“内容的主题分组，通常带有标题。”

位于父元素的顶部，因此位于主体（标题）的顶部，但也位于节、文章或任何其他div的顶部

在代码中：

应该与

而不是h2接近，这与

相同，因此我的节中的header元素可以是正确的？是的，它指定文档或节的标题。我发送的链接上的每件事都是正确的，这是在内容滑块中实现这些元素的正确方法吗？我不太擅长内容滑块，但如果你纠正了我所说的要点，它应该工作得很好：）这里：class=“section img right clearfix”不要忘记，如果你在类名中放一个空格，这意味着你有两个类，此处：1）剖面图右侧和2）clearfix