HTML5快速参考指南
需积分: 50 149 浏览量
更新于2024-09-11
收藏 130KB PDF 举报
"HTML5帮助文档,提供HTML5标签的详细信息和使用指南"
HTML5是超文本标记语言(HyperText Markup Language)的第五个版本,它在原有的HTML4基础上进行了许多改进和扩展,以适应现代网页开发的需求。HTML5旨在增强网页的语义性和可访问性,同时引入了新的元素、属性和功能。
1. **注释** (`<!---->`): HTML5中的注释标签用于插入不被浏览器显示的文本,通常用于开发者之间的交流或调试代码。
2. **文档类型声明** (`<!DOCTYPE>`): 声明文档使用的是HTML5标准,语法为`<!DOCTYPE html>`.
3. **链接** (`<a>`): `<a>`标签用于创建超链接,可以链接到其他网页或文件,支持的属性包括`href`, `hreflang`, `media`, `ping`, `rel`, `target`, `type`等。
4. **缩写** (`<abbr>`): 用于表示缩写词,可添加`title`属性展示完整词汇。
5. **首字母缩写** (`<acronym>`): 在HTML5中已废弃,推荐使用`<abbr>`代替。
6. **地址** (`<address>`): 用于表示作者或文档的联系信息,支持全局属性。
7. **小程序** (`<applet>`): HTML5中已废弃,可使用`<object>`或`<embed>`替代。
8. **图像映射区域** (`<area>`): 用于定义图像映射的热点区域,属性包括`alt`, `coords`, `href`, `hreflang`, `media`, `ping`, `rel`, `shape`, `target`, `type`。
9. **文章** (`<article>`): 用于表示文档、页面或应用程序的独立内容,如新闻文章或博客条目。
10. **侧边栏内容** (`<aside>`): 用于包含与主要内容相关的补充信息,如侧边栏的注释或链接列表。
11. **音频** (`<audio>`): 支持在网页中嵌入音频内容,支持的属性有`autobuffer`, `autoplay`, `controls`, `loop`, `src`等。
12. **粗体文本** (`<b>`): 标签用于强调文本,HTML5更倾向于使用`<strong>`来强调内容。
13. **基础URL** (`<base>`): 设置所有链接的基础URL,属性包括`href`和`target`。
14. **基字体** (`<basefont>`): HTML5中已废弃,字体设置应通过CSS完成。
15. **文字方向** (`<bdo>`): 控制文本的书写方向,属性`dir`可以设置为`ltr`(从左到右)或`rtl`(从右到左)。
16. **大号文本** (`<big>`): HTML5中已废弃,字体大小调整应通过CSS实现。
17. **引用** (`<blockquote>`): 用于插入长引文,可添加`cite`属性引用来源。
18. **主体** (`<body>`): 包含网页可见内容的元素,支持全局属性。
19. **换行** (`<br>`): 用于插入一个单行的空白,支持全局属性。
20. **按钮** (`<button>`): 创建可点击的按钮,可以包含文本和图像,支持JavaScript事件处理。
21. **canvas** (`<canvas>`): 用于在网页上进行动态图形绘制,可通过JavaScript进行操作。
22. **caption** (`<caption>`): 表格的标题,使表格更具语义化。
23. **cite** (`<cite>`): 标记引用或作品的名称。
24. **代码** (`<code>`): 显示计算机代码片段。
25. **命令** (`<command>`): 创建可执行的命令按钮,多用于交互式用户界面。
26. **数据列表** (`<datalist>`): 提供预设选项供用户选择,常与`<input>`配合使用。
27. **定义** (`<dd>`): 在定义列表中描述术语的定义。
28. **定义列表** (`<dl>`): 创建一组术语及其定义。
29. **定义项** (`<dt>`): 在定义列表中定义术语。
30. **删除** (`<del>`): 标记已删除或修改的文本,用于展示更改历史。
31. **细节** (`<details>`): 创建可折叠的详细信息区块。
32. **描述符** (`<dfn>`): 标识一个术语的首次出现。
33. **对话** (`<dialog>`): 用于创建对话框或窗口。
34. **div** (`<div>`): 通用容器元素,用于组合其他元素或作为样式和脚本的挂钩。
35. **下载** (`<download>`): 用于链接可下载的资源,设置`href`属性指向资源。
36. **嵌入** (`<embed>`): 插入外部应用或媒体,如插件或视频。
37. **fieldset** (`<fieldset>`): 用于分组表单相关元素。
38. **文件输入** (`<file>`): 用户可以选择上传文件的表单元素。
39. **固定定位** (`<fixed>`): CSS中的定位方式,使元素相对于浏览器窗口定位。
40. **footer** (`<footer>`): 页面或区域的底部信息,如版权和链接。
41. **表头** (`<header>`): 页面或区域的顶部信息,如导航和logo。
42. **头部** (`<head>`): 存储元信息,如字符编码、样式表和脚本。
43. **标题** (`<h1>` - `<h6>`): 定义六个级别的标题,h1为最高级别。
44. **高度** (`<height>`): CSS属性,用于指定元素的高度。
45. **隐藏** (`<hidden>`): 隐藏元素,使其不显示也不参与页面布局。
46. **_hr_** (`<hr>`): 水平线,用于分隔内容。
47. **HTML根元素** (`<html>`): 文档的根元素,包裹整个HTML结构。
48. **图像** (`<img>`): 引入图像,属性包括`src`, `alt`, `width`, `height`等。
49. **输入** (`<input>`): 表单输入控件,有许多不同的类型,如文本、密码、日期等。
50. **插入** (`<ins>`): 标记已插入的文本,用于展示更改历史。
51. **岛屿** (`<isindex>`): HTML4的元素,HTML5中已废弃,可用`<form>`和`<input>`替换。
52. **键值对** (`<keygen>`): 生成加密密钥对,常用于表单提交,HTML5中已废弃。
53. **标签** (`<label>`): 与表单控件关联,提供描述性的文本。
54. **语言** (`<lang>`): 使用`lang`属性设置元素的语种。
55. **链接样式表** (`<link>`): 引入外部样式表。
56. **列表** (`<li>`): 列表项,用于`<ul>`无序列表或`<ol>`有序列表。
57. **列表** (`<list>`): HTML5中未定义此元素,可能是指`<ol>`或`<ul>`。
58. **主要内容** (`<main>`): 表示文档的主要内容,与页面其他内容区分开。
59. **映射** (`<map>`): 定义图像映射,配合`<area>`使用。
60. **标记** (`<mark>`): 高亮文本,表示重要或需注意的部分。
61. **度量** (`<meter>`): 显示量度范围内的值,如评分或进度条。
62. **导航** (`<nav>`): 包含主要导航链接的区域。
63. **noembed** (`<noembed>`): 在不支持`<embed>`的浏览器中显示替代内容。
64. **noframes** (`<noframes>`): 在不支持`<frameset>`的浏览器中显示替代内容。
65. **noscript** (`<noscript>`): 在禁用JavaScript的浏览器中显示内容。
66. **对象** (`<object>`): 引入外部资源,如图像、视频或应用程序。
67. **有序列表** (`<ol>`): 有序列表,列表项用`<li>`表示。
68. **光标** (`<optgroup>`): 在下拉列表中创建分组,用于组织选项。
69. **选项** (`<option>`): 下拉列表中的选项。
70. **输出** (`<output>`): 显示计算结果或用户输入后的值。
71. **段落** (`<p>`): 段落,用于组织文本。
72. **参数** (`<param>`): 为`<
2013-03-10 上传
2022-09-20 上传
2018-08-15 上传
2017-01-19 上传
2014-12-12 上传
无心自秀
- 粉丝: 0
- 资源: 8
最新资源
- Android圆角进度条控件的设计与应用
- mui框架实现带侧边栏的响应式布局
- Android仿知乎横线直线进度条实现教程
- SSM选课系统实现:Spring+SpringMVC+MyBatis源码剖析
- 使用JavaScript开发的流星待办事项应用
- Google Code Jam 2015竞赛回顾与Java编程实践
- Angular 2与NW.js集成:通过Webpack和Gulp构建环境详解
- OneDayTripPlanner:数字化城市旅游活动规划助手
- TinySTM 轻量级原子操作库的详细介绍与安装指南
- 模拟PHP序列化:JavaScript实现序列化与反序列化技术
- ***进销存系统全面功能介绍与开发指南
- 掌握Clojure命名空间的正确重新加载技巧
- 免费获取VMD模态分解Matlab源代码与案例数据
- BuglyEasyToUnity最新更新优化:简化Unity开发者接入流程
- Android学生俱乐部项目任务2解析与实践
- 掌握Elixir语言构建高效分布式网络爬虫