我正在使用HTML5开发一个模板,我想将左边的aside
和右边的section
对齐。
第一个问题:在标签中只能有img
s吗?
第二个问题:我可以在header
标记中只有img
s,还是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/