文档与网站架构

您所在的位置:网站首页 网站整体结构规划包括 文档与网站架构

文档与网站架构

2024-07-08 09:38| 来源: 网络整理| 查看: 265

有时你会发现,对于一些要组织的项目或要包装的内容,现有的语义元素均不能很好对应。有时候你可能只想将一组元素作为一个单独的实体来修饰来响应单一的用 CSS 或 JavaScript。为了应对这种情况,HTML 提供了 和 元素。应配合使用 class 属性提供一些标签,使这些元素能易于查询。

是一个内联的(inline)无语义元素,最好只用于无法找到更好的语义元素来包含内容时,或者不想增加特定的含义时。例如:

html 国王喝得酩酊大醉,在凌晨 1 点时才回到自己的房间,踉跄地走过门口。[编辑批注:此刻舞台灯光应变暗].

这里,“编辑批注”仅仅是对舞台剧导演提供额外指引;没有具体语义。对于视力正常的用户,CSS 应将批注内容与主内容稍微隔开一些。

是一个块级无语义元素,应仅用于找不到更好的块级元素时,或者不想增加特定的意义时。例如,一个电子商务网站页面上有一个一直显示的购物车组件。

html 购物车 银耳环:$99.95. ... 售价:$237.89

这里不应使用 ,因为它和主内容并没有必要的联系(你想在任何地方都能看到它)。甚至不能用 ,因为它也不是页面上主内容的一部分。所以在这种情况下就应使用 ,为满足无障碍使用特征,还应为购物车的标题设置一个可读标签。

警告: div 元素非常便利但容易被滥用。由于它们没有语义值,会使 HTML 代码变得混乱。要小心使用,只有在没有更好的语义方案时才选择它,而且要尽可能少用,否则文档的升级和维护工作会非常困难。



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3