HTML5核心标签与文本格式化详解

版权申诉
0 下载量 50 浏览量 更新于2024-09-01 收藏 9KB PDF 举报
"HTML5常用标签大全.pdf 是一份详尽的文档,涵盖了HTML5中广泛使用的标签,这些标签用于创建网页结构和样式。" 在HTML5中,这些基础标签是构建网页内容的关键元素: 1. `<DOCTYPE>`: 这个声明位于文档的顶部,它告诉浏览器文档使用的是哪种HTML或XHTML规范。在HTML5中,这个声明简化为 `<!DOCTYPE html>`。 2. `<html>`: 定义整个HTML文档的根元素,包含了所有其他元素。 3. `<title>`: 定义文档的标题,显示在浏览器的标签页上。 4. `<body>`: 包含了网页的所有可见内容,如文本、图片、链接等。 5. `<h1>` 至 `<h6>`: 用于创建不同级别的标题,`<h1>`是最主要的标题,`<h6>`是最小的标题。 6. `<p>`: 用于定义段落。 7. `<br>`: 用于在文本中添加一个换行符。 8. `<hr>`: 创建一条水平线,常用于分隔内容。 9. `<!-- -->`: 注释标签,用于在代码中添加不显示在页面上的注释。 此外,HTML5还引入了一些增强的文本格式化标签: 1. `<acronym>` 和 `<abbr>`: 分别用于表示首字母缩写和一般缩写,提供了更好的语义。 2. `<address>`: 用于包含文档作者或所有者的联系信息。 3. `<b>`: 使文本变为粗体,但不推荐使用,建议使用CSS控制字体样式。 4. `<bdi>` 和 `<bdo>`: 用于隔离文本方向,使其不受周围文本方向的影响,`<bdo>`则用于直接指定文字方向。 5. `<blockquote>`: 用于插入长引用。 6. `<center>`: 不再推荐使用,原来用于居中文本,现在应通过CSS实现。 7. `<cite>`: 用于表示引用(citation)。 8. `<code>`: 用于表示计算机代码文本。 9. `<del>`: 用于表示已被删除的文本。 10. `<dfn>`: 用于定义一个术语的首次出现。 11. `<em>`: 强调文本,通常用斜体表示。 12. `<font>`: 已不推荐使用,原本用于设置文本的字体、大小和颜色,现在应通过CSS控制。 13. `<i>`: 用于表示斜体文本,有时用于表示技术术语或引用。 14. `<ins>`: 用于表示被插入的文本。 15. `<kbd>`: 表示键盘输入。 16. `<mark>`: 用于标记重要的或需突出显示的文本。 17. `<meter>`: 用于显示预定义范围内的度量,例如评分、百分比等。 18. `<pre>`: 保留文本的原始格式,用于代码块或其他需要固定间距的文本。 19. `<progress>`: 显示任何任务的进度条。 20. `<q>`: 简短的引用,可以自动添加引号。 21. `<rp>` 和 `<rt>`: 与`<ruby>`一起使用,用于东亚语言的注音或注释。 22. `<ruby>`: 用于显示东亚语言的注音或注释。 23. `<s>`: 不再推荐,用于划掉文本,CSS应用来实现删除线效果。 24. `<samp>`: 用于表示计算机代码样本。 25. `<small>`: 用于表示小号文本。 26. `<strike>`: 已不推荐,用于表示加删除线的文本。 27. `<strong>`: 用于表示语气更强烈的强调文本,通常加粗显示。 28. `<sup>`: 用于创建上标文本,常用于数学公式中的指数。 29. `<sub>`: 用于创建下标文本,如化学公式中的亚原子粒子符号。 30. `<time>`: 标记日期和时间信息。 31. `<tt>`: 用于表示打字机文本,现代HTML中很少使用。 32. `<u>`: 已不推荐,用于下划线文本,现代HTML中通过CSS来实现。 33. `<var>`: 用于表示变量部分,常见于数学或编程上下文中。 34. `<wbr>`: 提供一个可能的单词断点,帮助在长单词或URL中添加换行。 此外,HTML5还引入了增强的表单元素: 35. `<form>`: 定义用户交互的表单。 36. `<input>`: 多功能标签,可以创建各种类型的输入控件,如文本框、复选框、单选按钮等。 37. `<textarea>`: 用于创建多行文本输入区域。 这些标签共同构成了HTML5强大的标记语言,让开发者能够创建丰富、交互性强且语义明确的网页。通过合理使用这些标签,可以提高网页的可读性、可访问性和搜索引擎优化效果。