HTML5入门与新增标签学习总结.docx

HTML5 是一种标记语言，是超文本标记语言（HTML）的第五个版本，于2014年10月29日由万维网联盟（W3C）正式发布。HTML5 的出现是为了应对HTML4.01标准的局限性，并增加浏览器的原生功能，减少对插件如Flash、Silverlight和JavaApplet的依赖，从而提高用户体验和开发者的工作效率。 HTML5 中删除了一些过时的标签，例如`<frame>`和`<frameset>`，这些标签在网页布局中不再使用，因为它们不利于现代网页的响应式设计和语义化。同时，引入了一些新的标签，以更好地表达文档结构和内容。 1. `<article>`标签：用于定义一个独立的内容区域，可以是一篇文章、一个评论或者一个论坛帖子等，强调内容的自包含性。 2. `<aside>`标签：表示与主内容相关但又可以独立存在的内容，如侧边栏、注释或者相关的链接列表。 3. `<audio>`标签：用于插入音频内容，支持多种音频格式，提供了播放、暂停和音量控制等原生功能。 4. `<canvas>`标签：提供了客户端矢量图形绘制的能力，通过JavaScript进行动态绘图，广泛应用于图表、游戏等交互式应用。 5. `<details>`和`<summary>`标签：`<details>`定义了一个可展开/折叠的详细信息区块，`<summary>`作为其标题，提供了交互式的用户体验。 6. `<figure>`和`<figcaption>`标签：`<figure>`用于定义图形、图片或代码示例等，`<figcaption>`则为这些元素提供标题或说明。 7. `<header>`和`<footer>`标签：分别用于定义页面或区域的头部和底部，通常包含导航链接、logo、作者信息等。 8. `<main>`标签：标识文档或应用的主要内容，强调这部分内容与页面其他部分相比更为重要。 9. `<mark>`标签：用于高亮文本，常用于搜索结果中突出显示搜索关键词。 10. `<meter>`标签：表示一定范围内的度量值，如评分、进度条或资源使用情况等。 11. `<nav>`标签：定义导航链接的部分，帮助用户在网站或应用中导航。 12. `<output>`标签：用于展示计算结果或脚本生成的内容，如表单计算后的结果。 13. `<progress>`标签：表示一个进度条，显示任务的进度，如文件上传或下载进度。 14. `<ruby>`、`<rb>`、`<rt>`和`<rp>`标签：用于中文注音或字符的发音标注，提供阅读辅助。 15. `<section>`标签：定义文档的章节或区段，有助于组织文档结构。 16. `<source>`标签：在`<audio>`和`<video>`元素中使用，指定不同的媒介资源，以适应不同的设备或浏览器。 17. `<time>`标签：表示日期和时间，增强了日期的语义化，利于搜索引擎理解和解析。 HTML5 的这些新特性使得开发者可以更清晰地描述页面内容，提高了网页的可读性和无障碍性。此外，HTML5 还支持离线存储、拖放功能、地理定位等高级特性，极大地推动了Web应用程序的发展。