html - "group"左右内容的div标签怎么命名

Question

我已经阅读了一些关于语义 HTML 代码的文章，并且我正在尝试应用这些原则来修复我的页面。

我有一个索引页面，其中包含一个带有欢迎问候语的部分、一个快速注册表格和一个大的 iphone 图片。

我希望欢迎问候语和快速注册位于左侧(彼此下方)，而 iphone 图像位于右侧。现在，我想知道我应该如何正确地 float 这些 div？

我想做一个左右div，有floating属性，但是我觉得名字不好。我还认为内容和侧边栏是两个分组的 div 名称...但它真的是侧边栏吗？我可能需要一些帮助。

<div id="welcomegreeting">
    <h2>Title</h2>

</div>

<div id="quickregistration">
        <h3>Title</h3>
        <form>
            <input type="text">
            <input type="text">
            <input type="submit">
        </form>
    </div>

<div id="appshowcase">
    <img src="" />
</div>

我知道标记无效，但这只是为了让您明白我的意思。

Answer 1

I want the welcome greeting and quick registration to be on the left side (underneath eachother) while the iphone image is on the right side. Now, I wonder how I should float these divs correctly?

<div style="float: left;"></div>

<div style="float: right;"></div>

关于命名的问题并不真正相关。给它任何你想要的名字。

如果您已经有一个网站，不必担心删除/更改您的 div。您可以用语义标签包装它们。

有关信息，请参阅 HTML5 best practices; section/header/aside/article elements .

语义标签的使用不会帮助您的用户。但是，它可能会帮助机器人(例如搜索引擎)。