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

我试图了解正确的web开发技术，我想知道在css使用之外，在结构和布局方面，我是否应该养成一些习惯

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

但是，还有其他一些基本的事情我应该考虑吗？ 例如，我知道人们习惯用表格来控制布局，但这仍然是一件事吗？还是现在的坏习惯

---

期待您的建议。

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

关于这方面的更多信息：（Joel Coehoorn的详细回答：“整个“Tables vs Divs”的内容几乎没有遗漏。它不是“table”或“div”。而是关于使用语义html。”）

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

如果没有纯CSS，有些事情你也做不好，它本身就允许现代格式在多个设备上工作。这将惠及更多的客户

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

对于跨设备开发，您应该查看响应和流体格式选项。一个好的起点是查看和（样板和引导）

---

如果您以前没有使用过它们，请查看浏览器大小和设备方向显示（横向或纵向）的媒体查询，这是响应式web开发的基础知识之一。然后，您可以在设置的约束范围内使用常规html。

div是布局页面的更好选项。如果要显示表格数据，则应使用表格

<> P>除此之外，您还应该考虑定期重构冗余代码，并解决配置文件中目录的路径问题。这将帮助您更好地管理项目。冗余代码可能成为一个巨大的问题，因为进行更改需要在多个位置更改代码。确保将多次使用的代码重新分解为函数，并调用它们

---

试着跳进CSS框架，比如Bootstrap或Basic，因为一个大的社区在那里贡献，并且通常是用最好的实践来构建的。你会惊讶地发现，你遇到的问题已经被许多其他人遇到，他们也找到了有效的解决方法。JS也有框架和库。请随意探索。

试着从结构而不是外观的角度来思考您的页面/文档。例如，一本书由标题页、目录和章节组成。类似地，网页的内容通常可以分解为逻辑块，然后根据需要设置样式。别忘了网页可能会被屏幕阅读器阅读——你想要构建你的页面，使口语输出有意义

在上讨论了表格与CSS。您可能还想查看该帖子中提到的CSS Zen Garden。除此之外，我强烈建议验证您编写的任何HTML和CSS。为了这个目的去检查一下