Html 如何命名左右“分组”内容的div标记

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

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

我希望欢迎问候语和快速注册在左侧的下方，而iphone图像在右侧。现在，我想知道我应该如何正确地浮动这些div

我曾想过制作一个具有浮动属性的左、右div，但我认为名称不太好。我还认为内容和边栏是两个分组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>

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

我希望欢迎问候和快速注册在左边 一边在下面，另一边在右边 一边现在，我想知道我应该如何正确地浮动这些div

关于命名的问题其实并不相关。随便你叫什么名字都行

如果你已经有了一个站点，不要担心删除/更改你的div。您可以使用语义标记来包装它们

有关信息，请参阅

语义标记的使用不会帮助用户。然而，它可能会帮助像搜索引擎这样的机器人

我希望欢迎问候和快速注册在左边 一边在下面，另一边在右边 一边现在，我想知道我应该如何正确地浮动这些div

关于命名的问题其实并不相关。随便你叫什么名字都行

如果你已经有了一个站点，不要担心删除/更改你的div。您可以使用语义标记来包装它们

有关信息，请参阅

---

语义标记的使用不会帮助用户。但是，它可能有助于搜索引擎之类的机器人。

将左侧和右侧用id left和right标记，并使用float属性。你可以给他们取任何你想要的名字，但是你可以保持它的简单性。语义标记并不意味着您必须花费数小时考虑如何称呼它，它只是意味着名称应尽可能与元素的功能密切相关

看一个活生生的例子

HTML

---

用id left和right将左侧和右侧括在标记中，并使用float属性。你可以给他们取任何你想要的名字，但是你可以保持它的简单性。语义标记并不意味着您必须花费数小时考虑如何称呼它，它只是意味着名称应尽可能与元素的功能密切相关

看一个活生生的例子

HTML

---

我不会太在意这件事。语义代码虽然是前进的方向，但应该帮助您，而不是让您感到困惑

就我个人而言，根据你所描述的，我会使用如下内容：

<section>
    <div class="welcomeTitle">
        <h2>Title</h2>
    </div>
    <div class="registerForm">
        <h3>Title</h3>
        <form>
            <input type="text">
            <input type="text">
            <input type="submit">
        </form>
    </div>
</section>
<aside>
    <div id="appImage">
        <img src="" />
    </div>
</aside>​

---

我不会太在意这件事。语义代码虽然是前进的方向，但应该帮助您，而不是让您感到困惑

就我个人而言，根据你所描述的，我会使用如下内容：

<section>
    <div class="welcomeTitle">
        <h2>Title</h2>
    </div>
    <div class="registerForm">
        <h3>Title</h3>
        <form>
            <input type="text">
            <input type="text">
            <input type="submit">
        </form>
    </div>
</section>
<aside>
    <div id="appImage">
        <img src="" />
    </div>
</aside>​

---

还可以组合浮动和边距属性：

HTML:

欢迎 标题 CSS:

左边{ 浮动：左； 宽度：200px； } appshowcase{ 左边距：202px； }

---

还可以组合浮动和边距属性：

HTML:

欢迎 标题 CSS:

左边{ 浮动：左； 宽度：200px； } appshowcase{ 左边距：202px； }

---

随便你怎么说。不管你是否真的认为它是一个边栏，不是吗？语义如何=只要它与它所做的事情有一些相似之处，这样你就能更好地记住它，你就可以称它为边栏、菜单、左菜单、右菜单或任何东西。如果你给决定的权重和你可能给网站名称的权重一样大，那就浪费了太多的时间！这是我们有时有命名约定的一个原因，所以我们不必考虑太多关于它应该被命名的问题。根据您的需要命名它。不管你是否真的认为它是一个边栏，不是吗？语义如何=只要它与它所做的事情有一些相似之处，这样你就能更好地记住它，你就可以称它为边栏、菜单、左菜单、右菜单或任何东西。如果你给决定的权重和你可能给网站名称的权重一样大，那就浪费了太多的时间！这是我们有时有命名约定的一个原因，所以我们不必考虑太多关于它应该被命名的问题。你完全正确。人们通常会给这些主页划分一个标识符，比如左、右、中、上、下、页脚、主、左菜单、上菜单、内容、注册表等，所以这样一个重要的div应该有一些可理解的名称。类用于设置重复元素的样式。如果您觉得divname是compre，那么存在许多变体

---

亨迪斯，那没关系你完全正确。人们通常会给这些主页划分一个标识符，比如左、右、中、上、下、页脚、主、左菜单、上菜单、内容、注册表等，所以这样一个重要的div应该有一些可理解的名称。类用于设置重复元素的样式。存在许多变体，如果您觉得divname是可理解的，那么就可以了：

#left {
    float: left;
}
#right {
    float: right;
}

<section>
    <div class="welcomeTitle">
        <h2>Title</h2>
    </div>
    <div class="registerForm">
        <h3>Title</h3>
        <form>
            <input type="text">
            <input type="text">
            <input type="submit">
        </form>
    </div>
</section>
<aside>
    <div id="appImage">
        <img src="" />
    </div>
</aside>​