HTML5核心标签与文本格式化详解
版权申诉
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强大的标记语言,让开发者能够创建丰富、交互性强且语义明确的网页。通过合理使用这些标签,可以提高网页的可读性、可访问性和搜索引擎优化效果。
2022-04-09 上传
2021-09-30 上传
2021-10-05 上传
2021-10-05 上传
2021-10-10 上传
2021-11-10 上传
2021-10-04 上传
2021-10-05 上传
lilixiaozhan
- 粉丝: 1
- 资源: 4288
最新资源
- 高清艺术文字图标资源,PNG和ICO格式免费下载
- mui框架HTML5应用界面组件使用示例教程
- Vue.js开发利器:chrome-vue-devtools插件解析
- 掌握ElectronBrowserJS:打造跨平台电子应用
- 前端导师教程:构建与部署社交证明页面
- Java多线程与线程安全在断点续传中的实现
- 免Root一键卸载安卓预装应用教程
- 易语言实现高级表格滚动条完美控制技巧
- 超声波测距尺的源码实现
- 数据可视化与交互:构建易用的数据界面
- 实现Discourse外聘回复自动标记的简易插件
- 链表的头插法与尾插法实现及长度计算
- Playwright与Typescript及Mocha集成:自动化UI测试实践指南
- 128x128像素线性工具图标下载集合
- 易语言安装包程序增强版:智能导入与重复库过滤
- 利用AJAX与Spotify API在Google地图中探索世界音乐排行榜