javascript - 如何从网页设计中抽象出数据?

标签 javascript html css

有哪些方法可以将数据与网页设计分开,这样如果您重新设计网站,或者您想为用户提供自定义布局的能力,那么这样做真的很容易。

最佳答案

我认为您的问题让这里的大多数人感到困惑。我看到很多与“MVC”不相关的答案,而你实际上是指“将内容与样式分开”而不是“将数据与设计分开”,这可能会被错误地解释为“从 View 中分离模型”。你问题的第一部分确实给人的印象是你在寻找 MVC,但你问题的第二部分和使用的标签让我意识到你实际上并不是那个意思。

答案很简单:只是不要使用内联 CSS(例如style="color:red"),而是将它放在一个完全独立的 包含在 HTML head 中的样式表。为 HTML 元素提供合理的 ID 和/或类名。你可以让 CSS 钩住它。还可以明智地和语义化地使用 HTML。分隔可定位 block 元素中的内容。不要使用表格进行布局。

当然要检查 CSS Zen Garden正如我之前已经提到的那样。它在您可以从菜单中选择的许多不同样式中使用完全相同的内容(HTML 代码)。

对于更有趣的博客/链接,您可能会发现这些 Google 搜索很有用:

顺便说一下,同样的故事也适用于 JavaScript。不要使用内联 JS 代码,而是将它放在一个完全单独 的文件中并使用unobtrusive Javascript。越多越好。 IE。您的网站应该在没有 Javascript 的情况下仍然可用。 jQuery图书馆是一个完美的选择。它的选择器也基于合理的 ID 和/或类名。

关于javascript - 如何从网页设计中抽象出数据?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1934170/

相关文章:

javascript - 使用 JavaScript 编写 xml 的库

php - 使用 php 和 javascript 的购物车,无需数据库

javascript - 根据 "select"元素修改页面内容

javascript - 使用 jQuery 按类观察元素计数

html - CSS 将图像从容器中分离出来

javascript - 如何对 TypeScript 类执行 Joi 验证?

html - 更改标签的背景颜色

javascript - 如何设置圆的物理大小 Phaser Arcade 模式

html - 网站入口响应卡住 div

html - 导航栏未填满全屏