我有一个网站,允许用户创建博客文章。有一些后备标签,但大多数标准 HTML 标签都是可以接受的。
但是,我对页面的显示方式有疑问。
我将 HTML 包裹在自己的 div 中。
我最终希望将用户的 HTML 与主站点样式表分开,这样它就可以避免继承样式并搞砸显示 HTML 的原始站点的布局。
所以最后,有什么我可以应用到一个 div 上,这样它的内容就与网站的其他部分隔离了吗?
谢谢!
我有一个网站,允许用户创建博客文章。有一些后备标签,但大多数标准 HTML 标签都是可以接受的。
但是,我对页面的显示方式有疑问。
我将 HTML 包裹在自己的 div 中。
我最终希望将用户的 HTML 与主站点样式表分开,这样它就可以避免继承样式并搞砸显示 HTML 的原始站点的布局。
所以最后,有什么我可以应用到一个 div 上,这样它的内容就与网站的其他部分隔离了吗?
谢谢!
您可以使用重置样式表来重置该特定DIV
及其子项的属性。另一方面,您可能需要一个 CSS 解析器来针对特定的DIV
.
您可以在框架或 iframe 中执行此操作。这将使它在各个方面保持独立。
除了您可以自动添加的任何其他类名之外,您能否使用类“用户名”的 div 格式化每个用户生成的内容?
然后他们 - 我假设“他们” - 可以随意设置格式和样式,可以将所有样式作为前缀:div.username selector
.
否则,您也许可以使用 iframe。
如果你真的想要极端的话,你可以使用 iframe 将它们完全分开。
或者,您可以将它们限制为仅编写内联样式,这样它们就不会影响您页面的样式表:
1)去掉用户创建的任何样式标签html。这样他们就无法覆盖您的样式。
2) 验证他们的代码并修复或拒绝诸如未关闭的标签或不应该在 div 内的元素(如 head 或 body 标签)之类的东西,并确保它们都被正确关闭,这样它就不会弄乱你的任何 html它包含在 div 之后的页面。