gpt4 book ai didi

html - CSS HTML 语义和定位

转载 作者:太空宇宙 更新时间:2023-11-04 05:06:17 27 4
gpt4 key购买 nike

我目前正在为我的主要内容区域设计和布局如下的网站: http://img528.imageshack.us/img528/9483/screenshot20120429at124.png

但是,我发现使用适当的语义编写 HTML 和 CSS 有点困难。
首先,我应该使用 div 来拆分左右两列,还是使用 HTML5 section 标签和图片的 aside 标签?

其次,每个部分或区域的最佳定位方式是什么?

最后,话虽如此,在每个内容区域的底部都有 2 个水平内嵌的按钮。考虑到网站用户稍后将放置在他们自己的文本中,并且随着更多文本被放置在内部,两个按钮都应按下或进一步向下放置,实现此目标的最佳方法是什么。

这个 jsfiddle 目前正在运行……但是,似乎错了? http://jsfiddle.net/LGEKW/

如果这两个按钮在当前的 div 中,我是使用绝对位置、相对位置还是 float 位置……我不知道。将不胜感激任何有关如何执行此操作的帮助。

最佳答案

  1. 如果您使用 <!doctype html>使用起来绝对更好语义标签,因为 divs完全没有语义。
  2. 在我看来,定位元素的最佳方式是使用 float属性(property)
  3. 按钮也应该是 float 的。不是absolutely positioned .因此,当用户添加更多内容时,它们将被下推。尝试将它们放在同一个包装器中的内容之后
  4. 放下你的 br每个段落后的标签。 p元素是 block 级 - 所以你可以使用 margin-bottom属性(property)插入下一个p下一点

关于html - CSS HTML 语义和定位,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10370929/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com