问题标签 [semantic-markup]

语义 X/HTML 标记如何节省时间 -

1. 我们什么时候为网站写 CSS
2. 如果将来有任何设计更改来自客户。
3. 以及为什么在这两种情况下，基于表格的布局总是需要更多时间

今天我要向学生解释这些事情。

我有一些例子，但我想要一些更好的例子和想法来很好地解释。

我想从开发人员的角度解释语义 X/HTML 标记的好处。

提前致谢

更新：

使用语义标记的好处：

1. 在无法应用 CSS 的环境中查看文档的人可以很好地阅读它。
2. Web 开发人员可以更轻松地维护代码，并将内容 (HTML) 与表示 (CSS) 分开。
3. 在某些情况下，语义标记可以减少对 css 组选择器的需求。

在每个 CSS 布局#container中添加整个代码是否有用？#Wrapper如果没有这个额外的东西，我们不能做布局div吗？使用这个额外的优点和缺点是什么div？

这是好习惯吗？它对任何类型的设计/布局有用吗？它在语义上正确吗？

使用 W3C 有效的表示元素有哪些实际缺点，这些元素未列为已弃用

• 对于 XHTML-CSS 开发人员，
• 网站的有视力的最终用户，
• 对于屏幕阅读器用户，？

像<b>, <i>, <br>, <hr>,<small>如果我将这些标签用于展示目的。（注意： HTML 5 也支持这些）

例如：

1. 如果我使用<b>代替<span style="font-weight: bold">
2. 如果我使用<i>代替<span style="font-style: italic">
3. 如果我用<br>在段落中换行而不是腾出空间
4. 如果我使用<hr>代替<div style="border-bottom: 1px solid #666">
5. 如果我使用<small>代替<span style="font-size: 9px">

<strong>我知道和之间的区别<b>。我的问题不是关于<strong>vs<b>

我在许多关于演示标签的文章中发现了许多不同的观点，有些人认为所有标签都是演示标签，但有些人不这么认为。

例如：在 HTML 5 规范中，他们不认为<small>是表象的。

在这个标签列表中 - 都支持 HTML 5 - 哪个标签是展示性的，哪个不是？

谁来决定哪个 HTML 标签是展示性的，哪个不是 - 他们是如何做出这个决定的？它是一个特别大的团体，例如 W3C，还是基于 Web 开发人员团体，即 Web 社区？此外，在这两者之间，我们应该遵循哪些建议来决定哪些标签是展示性的？

如果根据 W3C 在接受的文档类型中标签是有效的，那么xhtml从任何角度来看，不使用任何标签的优点是什么？

从用户/可用性/可访问性的角度来看

如果我们使用更多的 HTML 标签，那么没有 CSS 的页面会更好。

从开发者的角度来看

如果我们在 HTML 中使用更多可用的标签，那么我们不需要使用<span class=className">

与 HTML 和 CSS 中的标签相比，它需要更多的时间来编写并且使用更多的章程空间。

例如：

而不是使用：

我们可以用：

它看起来更干净，更容易使用，它使用更少的字符 - 这将减少页面大小 - 并且在源代码中更具可读性。它也没有打破内容和表示分离的规则。

我们也可以这样做：

并且每当我们想要更改字体粗细时，我们css只能在这两个示例中进行更改。

如果 w3c 在其认可的文档类型中认为一个标签是有效的，那么不使用 W3C 或 HTML 规范都不能直接识别的任何 X/HTML 表示标签的优点是什么？

我们可以在不更改 HTML 中的任何内容的情况下更改任何设计参数吗？这是否符合内容和表示分离的模因？

如果任何 HTML 标记破坏了分隔规则，那么css属性是否也Content破坏了？

看到这篇文章。

为什么允许元素的HEIGHTandWIDTH属性IMG？它不破坏分离规则吗？可以在这里找到关于这个问题的一个很好的辩论。

内容与呈现分离的实际意义是什么？

它只是意味着避免内联css吗？

这是否意味着设计应该能够在不更改 HTML 的情况下进行操作？

我们真的可以仅从 CSS 对设计进行任何更改吗？

• 如果我们想改变图像的大小，那么我们将不得不进入 HTML 代码
• 如果我们想在段落中再添加一个换行符，那么我们将不得不再次进入 HTML 代码
• 如果我们想在某个地方再添加一个分隔符，那么我们将不得不再次进入 HTML 代码

我们应该避免使用哪个 X/HTML 标记来保持内容和表示的分离？

内容和演示的分离对可访问性/屏幕阅读器用户也有帮助吗？...对于程序员/开发人员/设计师？

• 如何为不了解 html、css 但了解 MS Word 的非技术客户提供将 CSS 类/ID 添加到内容的选项，以在 CMS 的内容所见即所得构建器/编辑器中。

一些时间根据 XHTML 标签设计来制作内容是不够的。需要使用 css 类。

• 我们应该只给用户 css .classes 还是也可以给 #Id ？
• 以及我们应该如何编写类名以方便客户？

以语义方式或类似border4px，浅色文本和漂亮背景？哪种方法有利于非技术客户选择和记住适当的课程？

• 向客户提供此选项的 CMS 有多受欢迎？根据可用性，最好的方法是什么？

有必要<th>在任何桌子上吗？即使表格没有标题？

表有 3 个其他标签<thead> <tbody> <tfoot>是否有必要使用所有标签，即使我没有表页脚。Firefox 默认将所有这些添加到代码中。

是否有必要，<th>总是应该在一个<thead>

如果我在从客户收到的内容中有一个标题，并且标题来自表格外部但与表格相关，那么我应该如何将该标题放置在表格中

如上表

作为表格的标题

或作为表格的标题

哪个对屏幕阅读器有好处并且语义正确？