HTML4与HTML5标签详解:必备与新特性对比
需积分: 10 118 浏览量
更新于2024-07-15
收藏 602KB DOC 举报
本文档是一份全面的HTML标签总结,涵盖了HTML4和HTML5两个版本的主要元素。HTML (HyperText Markup Language) 是一种用于创建网页的标准标记语言,通过一系列预定义的标签来组织和呈现内容。在HTML4中,有许多特定的标签和属性,而在HTML5中,随着技术的发展,一些旧的标签逐渐被淘汰,同时引入了新的特性。
在HTML4中,常见的标签包括:
1. `<!---->`:定义注释,用于对代码进行临时性隐藏或解释,不显示在最终网页上。
2. `<!DOCTYPE>`:定义文档类型,HTML4.01文档使用不同的DTD(Document Type Definition),如`<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">`,而HTML5仅需`<!DOCTYPE html>`,简化了文档声明。
- `<a>`标签是核心链接标签,用于创建超链接。它包含以下属性:
- `charset`:HTML5已移除,用`charset`属性替换。
- `coords`:同样在HTML5中不再使用,用于设置链接的坐标。
- `download`:HTML5新增,用于指定下载链接的目标文件名。
- `href`:链接的目标URL。
- `hreflang`:指定链接文档的语言代码。
- `media`:指定链接针对的媒体类型。
- `name`:HTML5中不再支持,曾用于锚点标识。
- `rel`:定义链接文档与当前文档的关系,例如`rel="noopener noreferrer"`。
- `rev`:HTML5中移除,定义被链接文档与当前文档的关系。
- `shape`:HTML5中移除,用于定义链接的形状,如矩形、圆形或自定义多边形。
- `target`:指定链接在何处打开,如 `_blank`(新窗口)、`_self`(当前框架)等。
- `type`:指定被链接文档的MIME类型。
HTML对象属性,如`accessKey`(设置快捷键访问链接)、`id`(唯一标识)、`innerHTML`(设置或获取链接内容)以及`tabIndex`(设置链接焦点顺序)等,在HTML4和HTML5中都有定义,但可能在不同版本中有所调整。
HTML5相较于HTML4,做了许多改进和扩展,比如移除了过时的标签,引入了新的语义化标签(如`<header>`、`<footer>`、`<article>`等),更好地支持多媒体和移动设备,强化了语义表达能力。此外,`<a>`标签新增的属性如`download`和`hreflang`反映了现代网络应用的需求。
学习HTML时,理解这些标签及其属性的变化至关重要,它们不仅影响到网页的结构和功能性,也对SEO优化和用户体验有直接影响。掌握不同版本的HTML,有助于开发出适应不断发展的网络环境的高质量网页。
2017-07-06 上传
2010-05-23 上传
2024-03-21 上传
2023-05-18 上传
2023-08-28 上传
2023-06-06 上传
2023-05-16 上传
2023-09-03 上传
2024-06-29 上传
阿呆run
- 粉丝: 1
- 资源: 3
最新资源
- JDK 17 Linux版本压缩包解压与安装指南
- C++/Qt飞行模拟器教员控制台系统源码发布
- TensorFlow深度学习实践:CNN在MNIST数据集上的应用
- 鸿蒙驱动HCIA资料整理-培训教材与开发者指南
- 凯撒Java版SaaS OA协同办公软件v2.0特性解析
- AutoCAD二次开发中文指南下载 - C#编程深入解析
- C语言冒泡排序算法实现详解
- Pointofix截屏:轻松实现高效截图体验
- Matlab实现SVM数据分类与预测教程
- 基于JSP+SQL的网站流量统计管理系统设计与实现
- C语言实现删除字符中重复项的方法与技巧
- e-sqlcipher.dll动态链接库的作用与应用
- 浙江工业大学自考网站开发与继续教育官网模板设计
- STM32 103C8T6 OLED 显示程序实现指南
- 高效压缩技术:删除重复字符压缩包
- JSP+SQL智能交通管理系统:违章处理与交通效率提升