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

时间:2014-08-30 06:25:38

标签: javascript php html layout

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

到目前为止我所了解的是,在使用javascript和css时,div的战略和逻辑使用可以帮助提供所需的控制。

但是我还应该考虑其他可能没有注意到的基本事项吗?

例如,我知道人们曾经用表控制布局,但这仍然是一件事吗?或者现在是不好的做法?

期待您的建议。

3 个答案:

答案 0 :(得分:1)

关于你的表格问题 - 人们通常选择表格上的div,但是如果没有表格,有些事情就不能很好。他们仍然有自己的位置。例如,彼此插入的Div和表通常用于数据网格样式的布局。经常用div替换表会产生令人讨厌(超大)的css代码量。如果你可以干净利用div,那就完美了。如果它覆盖了你的代码,那么使用更简单的清洁旧忠实表代码 - 或者将它们组合在一起以获得更好的结果。

更多关于此的信息:Tables instead of DIVs(Joel Coehoorn的详细答案:“整个”桌子与Divs“的事情几乎没有错过标记。它不是”桌子“或”div“。它是关于使用语义html 。“)

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

如果没有纯CSS,有些事情你做得不好,它本身就允许现代格式在多个设备上运行。这将吸引更多客户。

对于需要图标或照片的页面部分的较新布局类型,请查看内联块样式列表的使用。 CSS确实很奇怪。这是一个不错的第三种选择。

对于跨设备开发,您应该检查响应式和流畅的格式化选项。一个好的开始是查看http://html5boilerplate.com/http://www.initializr.com/(样板和引导程序)。

如果您之前没有使用它们,请查看有关浏览器大小调整和设备方向显示(横向或纵向)的媒体查询 - 这是响应式Web开发的基础知识的一部分。然后,您可以在使用这些约束设置的约束中使用常规html。

答案 1 :(得分:1)

尝试根据结构而不是外观来考虑您的页面/文档。例如,一本书由标题页,目录和章节组成。类似地,网页的内容通常可以分解为逻辑块,然后根据需要然后设置样式。不要忘记屏幕阅读器可能会读取网页 - 您希望构建页面以使语音输出有意义。

Why not use tables for layout in HTML?讨论了表格与CSS。您可能还想查看该主题中提到的CSS Zen Garden。除此之外,我强烈建议您验证您编写的任何HTML和CSS。为此目的查看http://validator.w3.org/

答案 2 :(得分:0)

Divs是一个更好的选项来布局页面。如果要显示表格数据,则应使用表格。

除此之外,您应该主要考虑定期重新分解冗余代码并解析配置文件中目录的路径。这将有助于您更好地管理项目。冗余代码可能会成为一个巨大的问题,因为进行更改需要在多个位置更改代码。确保将重复使用的代码重新分配给函数一次或多次,然后再调用它们。

尝试深入研究引导程序或基础等CSS框架,因为大型社区在那里做出贡献,并且通常会考虑最佳实践。您会惊讶地发现,许多其他人已经遇到过您遇到的问题,并且他们也找到了一种有效的方法。 JS也有框架和库。随意探索。