8、增强网页内容的策略与实践

增强网页内容的策略与实践

1. 不应做的事情

在开发网页时，使用JavaScript向文档中插入内容是非常常见且强大的技术。然而，这并不意味着我们应该毫无顾忌地这样做。特别需要注意的是，使用JavaScript向网页中添加重要内容是一个非常糟糕的想法。原因是这样做会破坏优雅降级的原则。对于那些缺乏必要JavaScript支持的访客，这些内容将永远不可见。这不仅影响用户体验，还会导致搜索引擎爬虫无法抓取这些内容，从而影响SEO效果。

为了确保网页的基本内容和服务对所有用户都是可用的，我们应当始终考虑渐进增强和优雅降级的问题。渐进增强的原则是：从核心内容出发，逐步添加样式和行为，确保即使没有JavaScript支持，用户也能访问到核心内容。如果使用DOM添加核心内容，则意味着这些内容未能及时呈现给用户，这是不可取的。

2. 使不可见的变得可见

现代网页设计中，设计师们拥有很大的控制权来决定网页内容的显示方式。CSS作为一种强大的样式工具，不仅可以改变字体和颜色，还能调整元素的显示方式。例如，使用CSS可以让块级元素像行内元素一样显示，反之亦然。这在JavaScript图像画廊的标记中得到了很好的体现。通过将 <li> 标签的 display 属性设置为 inline ，可以使缩略图列表项水平排列而非垂直排列。

CSS 属性	描述
display: i