为什么禁用CSS的HTML很重要？

Question

创建网站时，为什么要关注没有风格的HTML？

是否有任何设备只能呈现HTML（没有CSS或JavaScript）？

您是否经常关心如何在没有CSS的情况下展示您的网站？

为什么重要？

Answer 1

在某些情况下，网站可能会在没有样式的情况下使用。正如评论中所提到的，屏幕阅读器（例如视障人士使用的阅读器）只读取内容，而不是样式。

也许更重要的是，许多搜索引擎蜘蛛（想想：谷歌）在没有样式的情况下阅读您的网站。当您在没有CSS的情况下查看您的网站时，您将更好地了解搜索引擎如何查看您的内容。

如果你很幸运，或者你的内容特别令人讨厌，你可能会偶尔通过Lynx浏览你的网站。

Answer 2

答案的第一部分：'基于文本的浏览器'

Text-based browser list

Alynx
ELinks (active version of Links)
Emacs/W3
Line Mode Browser
Links
Lynx
Net-Tamer
w3m
WebbIE

第二部分：'搜索引擎'

List of semantic search engines

List of search engines

第三部分：'web accessibility'软件帮助people with disabilities get access to the web.

  

重要的是要注意，对于第三部分，可访问性，它是   有时是法律要求。例如，在英国，这是非法的   有一个盲人无法访问的网站。有   对美国政府服务的类似要求。 - slebetman

这也是适用的law in canada

有关Web辅助功能评估工具的完整列表，请参阅此list of tools from w3

Answer 3

这里似乎有一些误解。首先，最重要的是，屏幕阅读器做会考虑CSS和JavaScript。为什么？仅仅因为与过去不同，它们不是自己运行，而是作为现有浏览器的插件工作，或者在自己的系统中内嵌渲染引擎。

这是否意味着您根本不需要关注屏幕阅读器？可悲的是，事实并非如此。例如，如果您将display:table添加到元素只是因为您想要垂直对齐某些内容，某些屏幕阅读器实际上会将其视为真实表格（这没有任何实际意义）。好的部分是页面首先从上到下阅读，标题和菜单（如果找到），并且通过javascript向元素添加display:none也会将元素隐藏在屏幕阅读器中。现在，以下内容听起来非常苛刻，但除非您正在制作真正的高调网站，否则我建议您不要过多关注自己。一方面，屏幕阅读器变得越来越好（例如，如果你有最新版本的android，你可以尝试安装在你的Android设备上的那个），另一方面，盲人习惯于网站有点'混乱'。现在，这并不意味着你应该开始使用闪存或其他疯狂的东西，但它确实意味着，如果你只是写一个合适的网站，使你的菜单成为一个列表，使你的部门divs而不是表格等你通常应该精细。如果你 制作一个高调的网站，那么你应该看看WAI-ARIA。

现在，进入搜索引擎部分，至少对于大型搜索引擎来说，情况并非如此。 Google 确实考虑了样式。并非所有的风格都对谷歌不重要，但它实际上会意识到哪些东西是隐藏的，并分析javascript是否会显示隐藏的内容（作为其反SEO工作的一部分），它将搜索你的javascript中的链接，可能很多更多我不知道。 Bing也在很大程度上做到这一点，尽管例如duckduckgo不会做太多/根本没有做到这一点。无论哪种方式，谷歌认为你的网站像lynx这样的想法在过去都是如此，但到现在为止是无效的。

如果您查看服务器日志，您会看到 nobody 通过lynx访问了您的网站。那就是现在的生活现实。在过去（再次）人们偶尔会使用lynx，如果他们只能访问控制台，但现在从手机上运行完整的网络浏览器更容易将手机拉出来。

Answer 4

CSS不是开/关的东西。尽管可以完全禁用CSS ，但更常见的是，某些的CSS设置会被忽略或覆盖。以下是不完整的案例列表（有关其他详细信息，请参阅我的CSS Caveats）：

• 基于语音的浏览器通常会忽略大多数CSS，主要是因为大多数CSS都是针对视觉渲染的。
• “纯文本浏览器”（更确切地说，字符单元格浏览器，仅使用等宽字体以纯文本呈现，但可以使用颜色和粗体）。
• 搜索引擎通常根本不关心CSS。
• CSS支持各不相同。您使用的CSS功能越高级，许多浏览器就越不可能实现它们。
• 用户可以完全或部分禁用CSS支持。
• 用户样式表可能会干扰您的CSS代码，甚至可能会覆盖它们。
• 浏览器设置，例如在最小字体大小上可能会使你们中的一些CSS设置失效。
• 浏览器有bug。您使用的CSS技术越复杂，您在某些浏览器中触发错误的可能性就越大。
• 外部CSS文件（推荐使用CSS的方式）可能会丢失，例如浏览器可能需要从服务器等待（可能是徒劳的），或者归档系统可能会归档HTML文件但无法归档CSS文件。
• 样式可能会在转移过程中丢失，例如将内容从网页复制到MS Word或Excel或记事本或电子邮件时。