如何使用户在网站上编写的HTML不与网站的样式表冲突？
我有一个允许用户创建博客文章的网站。 有一些已列入清单的标签，但大多数标准 HTML 标签都是可以接受的。
但是，我对页面的显示方式有疑问。
我将 HTML 包裹在它自己的 div 中。
我最终希望将用户的 HTML 与主站点样式表分开，这样就可以避免继承样式并搞乱显示 HTML 的原始站点的布局。
那么最后，我是否可以将任何内容应用于 div，以便将其内容与网站的其他部分隔离？
谢谢！
I have a website that allows a user to create blog posts. There are some backlisted tags but most standard HTML tags are acceptable.
However, I'm having issues with how the pages get displayed.
I keep the HTML wrapped in its own div.
I would ultimately like to keep the HTML from the user separate from the main sites stylesheets so it can avoid inheriting styles and screwing up the layout of the originating site where the HTML is being displayed.
So in the end, is there anything I can apply to a div so its contents are quarantined from the rest of the site?
Thanks!
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（4）
您可以使用重置样式表来重置该特定
DIV及其子项的属性。 另一方面，您可能需要一个 CSS 解析器来调整该特定DIV的用户样式表。You could use a reset stylesheet to reset the properties for that specific
DIVand it’s children. And on the other side, you’ll probably need a CSS parser to adjust the user’s stylesheet for that specificDIV.您可以在框架或 iframe 中执行此操作。 这将使其在各个方面保持独立。
You can do it in a frame or an iframe. That will keep it separate in every way.
除了您可以自动添加的任何其他类名之外，您能否使用“用户名”类的 div 来格式化每个用户生成的内容？
然后他们——我假设“他们”——可以根据自己的喜好设置格式和样式，可以将所有样式作为前缀，如下所示：
div.usernameselector。否则，您也许可以使用 iframe。
Could you format each user-generated content with a div of class 'username' in addition to any other classnames you may add automatically?
Then they -I assume 'they'- can format and style as they please, can have all their styles prefaced like so:
div.username selector.Otherwise, you may be able to use iframes.
如果您确实想要极端的话，可以使用 iframe 将它们完全分开。
或者，您可以将它们限制为仅编写内联样式，以便它们不会影响页面的样式表：
1）删除用户创建的任何样式标签 html。 这样他们就无法覆盖您的样式。
2）验证他们的代码，修复或拒绝诸如未封闭的标签或不应位于 div 内的元素（如 head 或 body 标签）之类的内容，并确保所有内容都正确关闭，这样就不会弄乱您的任何 html包含它的 div 之后的页面。
You could use an iframe to keep them completely separate if you really wanted to be extreme about it.
Or, you could restrict them to only writing inline styles so that they can't affect your page's stylesheet:
1) strip out any style tags html the user creates. This way they can't override your styles.
2) validate their code and either fix or reject things like unclosed tags or elements that shouldn't be inside a div (like head or body tags) and make sure it all gets closed properly so it can't mess up any html from your page after the div it's contained in.