[英]How to Mark-up a 3 pane page in HTML 5
Wanted some advise on how to mark-up in HTML-5 a 3 pane-page
that would be something like this: 想要一些关于如何在HTML-5中标记
3 pane-page
,如下所示:
________________________________________ | Nav Pane | Content Pane | Info Pane | ________________________________________
So I figure this would be my basic layout: 所以我认为这是我的基本布局:
<aside id="nav">
<nav></nav>
</aside>
<section id="content"></section>
<aside id="info"></aside>
But if I want to then display them the section side by side I would need to create a wrapper to hold the 3 elements
, but I'm not sure what would be a valid HTML-5 element to use, the obvious is just to create a div
to hold them: 但是,如果我想并排显示它们,则需要创建一个包装器来容纳
3 elements
,但是我不确定要使用什么有效的HTML-5元素,显而易见的是创建一个div
来容纳它们:
<div>
<aside id="nav">
<nav></nav>
</aside>
<section id="content"></section>
<aside id="info"></aside>
</div>
but that feels like a cheat. 但这感觉就像是在作弊。
Any suggestions? 有什么建议么?
You can use header wrapper for nav & section for rest of the two. 您可以在nav和section中使用头文件包装器来处理其余的两个部分。
<header>
<nav class="nav">
</nav>
</header>
<section class="content"></section>
<section class="info"></section>
There is specific purpose of using aside . 使用aside有特定的目的。 You can use aside wrapper for info if it is related to content or something other.
如果涉及到的内容或其他东西,你可以使用预留包装的信息。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.