javascript - html、javascript 和 php 的非 CSS 样式注意事项

Question

关闭。这个问题需要多问 focused 。目前不接受答案。

---

想要改进此问题吗？更新问题，使其仅关注一个问题 editing this post .

已关闭 8 年前。

Improve this question

我试图了解正确的 Web 开发技术，并且想知道在结构和布局方面我是否应该在 CSS 使用之外养成任何习惯。

到目前为止，我得到的感觉是，在使用 javascript 和 css 时，对 div 进行战略性和逻辑性的使用有助于提供所需的控制。

但是还有其他我应该考虑但可能不知道的基本事情吗？

例如，我知道人们过去常常用表格来控制布局，但这仍然是一种情况吗？或者现在这是不好的做法？

期待您的建议。

Answer 1

关于你的表格问题-人们通常选择div而不是表格，但是有些事情没有表格就无法做好。他们仍然有自己的位置。例如，相互嵌入的 Div 和 Tables 通常用于数据网格样式的布局。通常用 div 替换表格会产生大量(过大)的 css 代码。如果你能干净地使用div，那就完美了。如果它使您的代码过度膨胀，那么请使用更简单、更干净、忠实的旧表代码 - 或将它们组合起来以获得更好的结果。

更多信息请点击:Tables instead of DIVs (Joel Coehoorn 的详细回答:“整个‘Tables vs Divs’的事情几乎没有击中要害。它不是“table”或“div”。它是关于使用语义 html。”)

关于非 CSS 主题，因为您的问题还涉及布局设计格式:

如果没有纯 CSS，有些事情你也无法做好，它本身就允许现代格式在多种设备上工作。这将吸引更多客户。

对于需要图标或照片的页面部分的较新布局类型，请考虑使用内联 block 样式列表。 CSS 用它们创造了奇迹。这是一个不错的第三种选择。

对于跨设备开发，您应该检查响应式和流畅的格式选项。一个好的起点是查看 http://html5boilerplate.com/还有http://www.initializr.com/ (样板文件和 Bootstrap )。

如果您以前没有使用过它们，请研究一下用于浏览器大小调整和设备方向显示(横向或纵向)的媒体查询 - 这是响应式 Web 开发基础知识的一部分。然后，您可以在您设置的限制内使用常规 html。