为方便CSS定制而设计HTML的指南
我正在做一个Saas项目，我们希望每个客户都能够为自己的网站上传一个css页面。虽然事实上，所有客户的网站都是由我们使用虚拟主机托管的 当设计网页的html以便css可以在以后应用时，有什么好的指导原则。不要这样做 客户会破坏设计，并会打电话给你为他们重置 最好创建一个包含大量选项的大型定制部分，这些选项只能生成有效值。允许上载图像，请在提交时检查其大小限制 自定义CSS也可能是攻击源。我们昨天谈过了 无论如何，这种定制只能对相对简单的页面执行，毕竟，只有页面。我们在这里讨论的是一个SaaS应用程序，它通常有一个非常复杂的UI，试图模仿经典的桌面软件。我怀疑客户能否正确定制复杂的CSS。嗯，如果不雇佣一个专业的程序员，他会一直给你打电话，让你把事情弄清楚。只需提供一个高级设置屏幕就更容易了。不要这样做 客户会破坏设计，并会打电话给你为他们重置 最好创建一个包含大量选项的大型定制部分，这些选项只能生成有效值。允许上载图像，请在提交时检查其大小限制 自定义CSS也可能是攻击源。我们昨天谈过了为方便CSS定制而设计HTML的指南,html,css,saas,Html,Css,Saas,我正在做一个Saas项目，我们希望每个客户都能够为自己的网站上传一个css页面。虽然事实上，所有客户的网站都是由我们使用虚拟主机托管的 当设计网页的html以便css可以在以后应用时，有什么好的指导原则。不要这样做 客户会破坏设计，并会打电话给你为他们重置 最好创建一个包含大量选项的大型定制部分，这些选项只能生成有效值。允许上载图像，请在提交时检查其大小限制 自定义CSS也可能是攻击源。我们昨天谈过了 无论如何，这种定制只能对相对简单的页面执行，毕竟，只有页面。我们在这里讨论的是一个SaaS应用
无论如何，这种定制只能对相对简单的页面执行，毕竟，只有页面。我们在这里讨论的是一个SaaS应用程序，它通常有一个非常复杂的UI，试图模仿经典的桌面软件。我怀疑客户能否正确定制复杂的CSS。嗯，如果不雇佣一个专业的程序员，他会一直给你打电话，让你把事情弄清楚。只需提供一个高级设置屏幕就更容易了。你可以看一下，看看他们是如何做到的。你可以看一下，看看他们是如何做到的。你可以在上看一下代码，它是专门设计成可打印的 通常，您应该只使用最自然的HTML元素来实现所需的功能。列表应该是列表、导航链接等 使用div标记分隔逻辑分区中的内容，使元素易于定位，并在其上设置适当的类和id 要使链接真正可设置样式，只需在文本周围添加一个span标记：
<a href="#"><span>text</span></a>
通过这种方式，通过使用该技术，可以很容易地为锚定标记添加一个背景，为跨度标记添加另一个背景，从而为其提供一个动态的按钮式外观。如果链接未设置样式，则span标记根本不会影响布局。您可以查看位于的代码，它专门设计为可设置样式 通常，您应该只使用最自然的HTML元素来实现所需的功能。列表应该是列表、导航链接等 使用div标记分隔逻辑分区中的内容，使元素易于定位，并在其上设置适当的类和id 要使链接真正可设置样式，只需在文本周围添加一个span标记：
<a href="#"><span>text</span></a>
通过这种方式，通过使用该技术，可以很容易地为锚定标记添加一个背景，为跨度标记添加另一个背景，从而为其提供一个动态的按钮式外观。如果链接未设置样式，则span标记根本不会影响布局。有些可能是显而易见的： 使用一致且明显的命名方案命名所有类和ID，但不要对所有对象都命名，如果它们都相同，则可以让作为子对象的较小对象成为未命名对象 切掉改变页面外观的Javascript。用户会破坏它 不要使用CSS重置样式表。这会使事情复杂化。如果用户要处理CSS，让他们处理跨浏览器问题 所有的HTML都将是，不是吗
有些可能是显而易见的： 使用一致且明显的命名方案命名所有类和ID，但不要对所有对象都命名，如果它们都相同，则可以让作为子对象的较小对象成为未命名对象 切掉改变页面外观的Javascript。用户会破坏它 不要使用CSS重置样式表。这会使事情复杂化。如果用户要处理CSS，让他们处理跨浏览器问题 所有的HTML都将是，不是吗
基本上，从合理的语义和有效性开始！html，并确保使用相当广泛的元素数组，不要将所有内容都设置为div，并在适当的地方随意添加类。使用各种各样的元素可以使css和html更具可读性，这对于易于书写很重要 T 嗯，不要害怕添加额外的元素只是为了使造型更简单。例如，如果您有一个表示某种网格的表，即，不只是一个纯文本表，并且您希望某个特定的数据单元成为关注的焦点，那么尽管可以简单地在td上设置一个类，但您最好在td中嵌套一个新元素并在其上设置类。像这样的额外嵌套元素大大减少了对复杂css选择器的需求，这些选择器甚至可能不受浏览器支持。一个元素有多个类比一个类有多个含义要好；一个类最好在任何地方都有相同的含义，即不依赖于其他类
您的html将是某种API，因此保持它的可理解性非常重要。Javascript会让事情变得棘手，所以如果你需要的话，我会尽量让Javascript远离css——确保Javascript对dom所做的任何修改都与你的API一致——不要硬编码特定的布局覆盖到Javascript中。如果javascript需要弹出一个窗口来显示额外的信息，比如说，然后简单地添加一个基本上，从合理的语义和有效性开始！html，并确保使用相当广泛的元素数组，不要将所有内容都设置为div，并在适当的地方随意添加类。使用各种各样的元素可以使css和html更具可读性，这对于易于书写很重要 然后，不要害怕添加额外的元素来简化样式。例如，如果您有一个表示某种网格的表，即，不只是一个纯文本表，并且您希望某个特定的数据单元成为关注的焦点，那么尽管可以简单地在td上设置一个类，但您最好在td中嵌套一个新元素并在其上设置类。像这样的额外嵌套元素大大减少了对复杂css选择器的需求，这些选择器甚至可能不受浏览器支持。一个元素有多个类比一个类有多个含义要好；一个类最好在任何地方都有相同的含义，即不依赖于其他类
您的html将是某种API，因此保持它的可理解性非常重要。Javascript会让事情变得棘手，所以如果你需要的话，我会尽量让Javascript远离css——确保Javascript对dom所做的任何修改都与你的API一致——不要硬编码特定的布局覆盖到Javascript中。如果javascript需要弹出窗口来显示额外的信息，那么只需添加一个小提示：我认为语义是这种方法的关键。我见过很多网站倾向于将其类命名为floatleft、width100px或right_column。这意味着您在HTML中表示您希望网站的外观。给CSS类一个语义含义，比如边栏或小部件，这会使HTML和CSS代码更具可读性
也许看看HTML5和它将引入的新标签吧？在Woork上可以找到不错的博客帖子：简短提示：我认为语义是这种方法的关键。我见过很多网站倾向于将其类命名为floatleft、width100px或right_column。这意味着您在HTML中表示您希望网站的外观。给CSS类一个语义含义，比如边栏或小部件，这会使HTML和CSS代码更具可读性
也许看看HTML5和它将引入的新标签吧？在Woork上可以找到不错的博客帖子：我也有点经历过这类问题。对于类，我们需要采用HTML中的所有样式，并严格地将其仅包含在css文件中。我希望我已经了解CSS，只需要在该文件中进行样式设置，而不必重新检查并修复我在将样式从HTML切换到CSS时遇到的所有问题。我想如果我要设计另一个网站，我会把所有内容都放在CSS文件中，然后把内容输入到HTML文件中，然后一起运行 我也在经历这类问题。对于类，我们需要采用HTML中的所有样式，并严格地将其仅包含在css文件中。我希望我已经了解CSS，只需要在该文件中进行样式设置，而不必重新检查并修复我在将样式从HTML切换到CSS时遇到的所有问题。我想如果我要设计另一个网站，我会把所有内容都放在CSS文件中，然后把内容输入到HTML文件中，然后一起运行 多谢各位。在这里，每个客户只能自定义在其自己的域www.customer1.com、www.customerx.net下可查看的页面，所以我不认为存在css漏洞，不是吗？是的，我也不会担心css攻击，只要清楚此类攻击的责任在于客户。谢谢。在这里，每位客户都可以
只有在自己的域名www.customer1.com、www.customerx.net下才能查看自定义页面，所以我不认为存在css漏洞，不是吗？是的，我也不会担心css攻击，只要清楚此类攻击的责任在于客户。