15、HTML5 中的字体排版与音视频应用

HTML5 中的字体排版与音视频应用

1. HTML5 中的字体排版

1.1 排版元素控制

虽然没有特定标签或属性来定义文本的左右对齐方式（rag），但可以通过连字符、字体大小和文本块宽度来改变其外观，甚至编辑文本本身来填充空间。

“寡妇”（widows）和“孤儿”（orphans）是指文本列末尾或开头单独出现的单词，这会使文本难以阅读甚至改变语义。同样，没有特定标签或属性处理它们，可尝试调整文本宽度或字体大小，必要时增减文本内容。

需要注意的是，CSS 中的 widows 和 orphans 属性常与排版术语混淆。CSS 属性仅适用于分页媒体（如打印），用于定义打印页面顶部（ widows ）或底部（ orphans ）应显示的行数。

1.2 使用正确的排版实体

排版不仅关乎元素，还涉及使用的字符和字形。网页设计师常犯的错误是不注意这些实体，而适时使用合适的实体能提升页面质量。

1.2.1 引号

网页上常见的是直引号（” 和 ‘），但好的排版应使用弯引号（curly quotes 或 smart quotes）。以下是不同引号的 HTML 实体：
| 引号类型 | 显示字符 | 可读代码 | 数字代码 | 替代内容 |
| ---- | ---- | ---- | ---- | ---- |
| 双引号 | “ ” | “ ” | “ ” | 直双引号或 " |
| 单引号 | ‘ ’ | ‘ ’ | ‘ ’