我有一个问题,这不是最清楚但我想知道是否有人可能对此有所了解!
我正在开发一个应用程序,目前我们只有一个主题,但将来我们将会有很多不同的主题,所以这个问题在我脑海中浮现了很多......
如果你从干净的HTML开始,并且只是为了样式目的添加元素,是否可以使用jQuery添加额外的元素?我认为以这种方式添加东西可以更容易地制作适应性更强的布局,并使代码更清晰,更容易理解,但我一直听说这是不好的做法。
我使用这个系统来快速模拟文件,它比排序文件,函数和类的堆栈要快得多,以便添加这个标记。
除了跋涉大量代码之外,添加此类标记的替代系统有哪些示例?也许以一个静态的两列布局灵活的例子,或在整个网站上制作一个滑动门按钮...如果有人想要刺它,你也可以使用表格作为一个例子(对我来说这是一件很棘手的事情)在高级造型方面)...并且,天堂禁止,使它全部切换到从右到左的语言布局!
希望一些字体端开发人员能够理解我想要将样式标记与功能标记分开的问题。我感谢任何人都可以推荐的任何想法/建议/教程!
谢谢!
答案 0 :(得分:3)
这就像jQuery Mobile的格式一样。 你需要在一个元素上放置一个或两个属性(或者对于基本元素没有任何内容),然后当你的jQM页面即将被渲染时,jQM会出现并向元素添加大量的类格式化以适应它。
糟糕的做法 - 不!
良好实践,特别是如果您打算使主题完全不同
应该补充说,一些最小的“固定”样式会帮助那些选择关闭javascript的人。
答案 1 :(得分:1)
我对你的问题的理解:“可以添加如下内容:
<div class="topCap"></div>
使用jQuery来保持我的HTML清洁?“。
我不知道标准,但我尽量保持我的html尽可能静态。如果某些东西可能需要一个顶帽,但设计不需要它 - 它仍然在我的HTML中。
我这样做是为了减少客户端加载时间。我不介意编写/提供额外的HTML,但我讨厌我的浏览器在加载时必须创建新元素。
答案 2 :(得分:1)
首先动态添加项目很好,例如:
var item = $(document.createElement('div'));
我正在开发基于模板的应用。我这样做的方法是我创建一个html模板,然后使用ajax将其加载到主容器中。这样我可以将页面作为模板放在HTML文件夹中,并在需要时将它们拖到“场景”中。
编辑:你应该知道标记可能不会被搜索引擎看到索引。
答案 3 :(得分:1)
我编写了使用JSON并在JavaScript中构建90%UI的应用程序。因为这是一个APPLICATION而不是PAGE,所以我们为SEO和语义HTML做的很多事情并不真正适用。我永远不会指望Google将此页面编入索引。
无论如何,我尝试将标记保持在最低限度,以使结构和样式起作用。
还有渐进增强的问题:从基本HTML开始,然后使用JS添加功能。这是一种不好的做法 - 不,不是真的。
答案 4 :(得分:0)
CSS似乎仍然是你正在寻找的东西。当您提供元素类和ID时,请在您希望内容传达的函数之后命名这些类和ID。例如,假设在您当前的布局中,您需要一个明亮的红色警报区域来显示错误消息:尝试命名为class =“alert”,而不是命名该class =“red”。这样,如果您决定重新整理整个网站,您只需创建一个新的CSS样式表并更改整个布局,而无需编辑HTML或Javascript。这样做的另一个好处是,适当地使用类和ID将使您在将来使用JQuery进行的任何交互变得更加容易。