Html 不使用图像创建网站的原因
我计划建立像旧的90年代那样的网站。页面将由一个大背景图像组成，如下面的示例所示。我知道：Html 不使用图像创建网站的原因,html,Html,我计划建立像旧的90年代那样的网站。页面将由一个大背景图像组成，如下面的示例所示。我知道： 谷歌将无法索引任何内容 如果有人放大这一页，那就不好看了 图像将被缓存，这可能会导致一些更新问题 我是否遗漏了上面一些重要的“了解” 背景图像 正文{margin:0；背景：url（one-fat-background.jpg）中间顶部；高度：4593px} 在这里我可以绝对定位一些内容。 如果您列出的原因还不够（应该是！），那么您可能错过了最大的一个原因：可访问性。请在继续这件讨厌的事之前 编辑：
- 谷歌将无法索引任何内容
- 如果有人放大这一页，那就不好看了
- 图像将被缓存，这可能会导致一些更新问题
背景图像
正文{margin:0；背景：url（one-fat-background.jpg）中间顶部；高度：4593px}
在这里我可以绝对定位一些内容。
编辑：如果您觉得上面的链接有点难读，那么在进入细节之前，在顶部有一个很好的摘要。如果您列出的原因还不够（应该是！），那么您可能错过了最大的一个：可访问性。请在继续这件讨厌的事之前
编辑：如果你觉得上面的链接有点难读，在进入细节之前，在顶部有一个很好的摘要。好吧，如果你要处理这么大的图像，你可能会有带宽问题，但我想这与任何背景仅用于装饰的网站没有什么不同。和任何有装饰背景的网站一样，你可能会发现它不够大，无法安装更大的显示器。很难设置任何类型的流体宽度
如果您想将内容放置在背景上的某个特定位置，可能会遇到CSS问题，尤其是与跨浏览器（和移动设备）兼容性相关的问题。好吧，如果您处理的是这么大的图像，可能会有带宽问题，但我想这和任何背景只是用来装饰的网站没有什么不同。和任何有装饰背景的网站一样，你可能会发现它不够大，无法安装更大的显示器。很难设置任何类型的流体宽度
如果您想在后台的某个特定位置定位内容，可能会遇到CSS问题，特别是与跨浏览器（和移动设备）兼容性相关的问题。可维护性如何？在Photoshop中维护内容比使用文本编辑器困难得多。可维护性如何？在Photoshop中维护内容要比使用文本编辑器困难得多。另一件你忽略的事情是，当人们关闭图像时，他们将什么也看不到。甚至连alt文本都没有 顺便说一句，他们在90年代没有HTML5。如果你想进入90年代，那就一直使用HTML，不需要任何DOCTYPE声明！最好没有CSS
但一如既往，问题是为什么？你说的是“网站”，所以我假设它不会是一个出于好奇目的的单一网站（我可以理解）。您将构建多个图像？另一件您忽略的事情是，当人们关闭图像时，他们将什么也看不到。甚至连alt文本都没有 顺便说一句，他们在90年代没有HTML5。如果你想进入90年代，那就一直使用HTML，不需要任何DOCTYPE声明！最好没有CSS
但一如既往，问题是为什么？你说的是“网站”，所以我假设它不会是一个出于好奇目的的单一网站（我可以理解）。您将构建不止一个？别忘了为那美好的90年代感觉颤抖而设。您肯定不想在没有html5的情况下构建它。一个“大”背景图像可能会在第一次访问时降低加载速度。这是一种带宽浪费，会导致最终用户体验变慢，并损害移动用户的数据配额。它通过删除复制粘贴和机器翻译等功能损害用户体验。它让你看起来像一个糟糕的设计师、开发人员，甚至可能是一个糟糕的人。@Groo显然，这些原因超出了这个问题的范围，所以html5标签没有真正的用处。整个帖子闻起来像是“在我的团队中提出这个解决方案的人身上擦了擦”。别忘了，对于那个90年代的老家伙，你肯定不想在没有html5的情况下构建它。一个“大”第一次访问时，背景图像可能会减慢加载速度。这是一种带宽浪费，会导致最终用户体验变慢，并损害移动用户的数据配额。它通过删除复制粘贴和机器翻译等功能损害用户体验。它让你看起来像一个糟糕的设计师、开发人员，甚至可能是一个糟糕的人。@Groo显然，这些原因超出了这个问题的范围，所以html5标签没有真正的用处。整个帖子闻起来像是“在我的团队中提出这个解决方案的人身上擦了擦”。谢谢你给我发送链接。这是相当多的信息。你想总结一下使用图像的“可访问性问题”吗？@user1087110我不知道，视力受损的用户使用屏幕阅读器从你的网站获取信息。屏幕阅读器无法读取作为图像一部分的文本。此外，运动功能受损的用户可能会使用导航方式（例如，不要使用鼠标；例如，通过键入链接文本的前几个字母来选择链接），而这种设计可能会妨碍这些功能。@Jordan:谢谢。用户1087110：乔丹说了什么作为事后的想法，我认为你已经考虑并放弃了简单使用背景图像的想法。。。？这没什么错（当然，这取决于图片…），你有你的图片，你仍然可以在上面放上文字（同样，为了便于访问，请确保背景和文字颜色之间有良好的对比）。谢谢你给我发送链接。这是相当多的信息。你想总结一下使用图像的“可访问性问题”吗？@user1087110我不知道，视力受损的用户使用屏幕阅读器从你的网站获取信息。屏幕阅读器无法读取作为图像一部分的文本。也包括wi用户
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Background image</title>
<style type="text/css">
body{margin:0;background:url(one-fat-background.jpg) center top;height:4593px}
</style>
</head>
<body>
In here I might absolute position some content.
</body>
</html>