我正在使用HTML5开发一个模板,我想将左边的aside和右边的section对齐。
第一个问题:在标签中只能有imgs吗?
第二个问题:我可以在header标记中只有imgs,还是aside标记无用,我应该切换到aside
如果这一切都错了,我应该如何组织这段代码?

<header>
    <img id="logo" src="css/images/logo.png" alt="logotipo">
    <img id="slider" class="slider" src="css/images/slide_1.png" alt="logotipo">
</header>

<aside class="left float">
    <img class="icon" src="css/images/icon.jpg" alt="licone">Name<br>
    <img class="icon" src="css/images/icon.jpg" alt="licone">adress<br>
    <img class="icon" src="css/images/icon.jpg" alt="licone">email<br>
    <img class="icon" src="css/images/icon.jpg" alt="licone">phone<br>
</aside>


<section class="right float">
    <article>
    </article>
</section>

最佳答案

第一个问题:我可以在<img>标记中只有<header>元素吗?
不,见W3C specification section for <header>。它允许flow content,但不允许<header><footer><main>子体。
第二个问题:我可以只把img放在旁边的标签里,还是这个放在一边
标签没用,我应该换成数字
不,见W3C specification section for <aside>。它允许flow content,但不允许<main>子体。
如果这一切都错了,我应该如何组织这段代码?
这并没有错,你可以随意组织它-标签,比如<aside>只是描述你的意图,什么内容被封装在里面。
如果您有一些内容希望与页面上的主要内容稍微分开(同时仍然是相关内容),请使用<aside>等。
另外,您可能想看看这个-HTML5 best practices; section/header/aside/article tags

关于html5 - 旁边的元素只能包含img吗?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/21612247/

10-13 01:07