Question

我正在使用HTML5开发模板，我想在左侧对齐aside，在右侧对齐section。

第一个问题：img代码中是否只有header个？

第二个问题：img代码中是否只有aside，或者aside代码无用，我应该切换到figure？

如果这一切都错了，我应该如何组织这段代码？

<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>

Answer 1

第一个问题：<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。

Answer 2

我可以在标头标签中只包含imgs吗？

不仅是img标签，您还可以在标头元素内添加其他标签;
请参阅：the list of HTML5 elemnts that can be nested inside header elemen t

我可以在旁边标签中只有imgs吗？

不仅是img标签，还可以在旁边元素中包含其他标签;
请参阅：the list of HTML5 elements that can be nested inside aside element

旁边的元素只能在里面嵌入img吗？

2 个答案: