HTML5常用标签详解:支持与不支持的属性对比
4 浏览量
更新于2024-08-30
收藏 100KB PDF 举报
HTML5是一种用于创建网页的标准标记语言,其第五个主要版本引入了许多新特性以增强网页的交互性和可访问性。本文档详细列出了HTML5中常用的头部标记以及它们的功能,特别强调了那些在HTML5标准下不再支持或者已更新的属性。
**头部标记:**
- `<base>`:此标记定义了页面中所有链接的基准URL,这对于相对路径的使用非常关键,使得链接地址更易于管理。
- `<title>`:这是浏览器标签页标题的基础,提供了页面的基本名称,用户可以在浏览器预览时看到。
- `<meta>`:虽然`<isindex>`已被弃用,但`<meta>`依然强大,它包含文档的元数据,如关键字、作者、描述、字符集等,有助于搜索引擎优化和提供有关文档的额外信息。
- `<style>`:用于定义CSS样式,允许网页设计者控制元素的布局、颜色和样式。
- `<link>`:这个标记用于链接外部资源,比如样式表、字体文件或图标。
**元信息标记<meta>属性:**
- `http-equiv`:这个属性是与HTTP头部关联的,可以设置如`content-type`、`expires`、`refresh`和`set-cookie`等HTTP标头内容。
- `name`:与`http-equiv`类似,但关联的是自定义名称的元信息,如`author`、`description`、`keywords`等。
- `content`:定义了与`http-equiv`或`name`相关的具体元信息内容,通常包括关键字、值或描述文本。
- `charset`:HTML5新增的属性,用于指定文档的字符编码,取代了旧版中的`scheme`属性。
**主体标记<body>属性:**
HTML5简化了`<body>`标签的属性,移除了许多与布局相关的特有属性,如`text`、`bgcolor`、`background`等,这些属性现在主要用于CSS控制。删除了`topmargin`、`leftmargin`等,使得页面布局更加简洁,代码更为直观。
**标题字标记:**
- `<h1>`至`<h6>`:分别为六个等级的标题,用于组织内容的层次结构,`<h1>`代表最重要的标题,`<h6>`代表较小的副标题。
此外,本文还提到了一些特殊符号的处理方式,如引号、版权符号等,这些在HTML5中需要正确编码以确保页面正确显示。总体来说,HTML5注重语义化和移动优先的设计原则,鼓励使用现代Web开发技术,如HTML5元素和媒体查询,以实现更好的用户体验。
2019-05-11 上传
2017-11-23 上传
2013-07-29 上传
2010-01-05 上传
2008-04-22 上传
2021-10-07 上传
2021-11-08 上传
251 浏览量
2016-08-14 上传
weixin_38604916
- 粉丝: 6
- 资源: 891
最新资源
- SSM动力电池数据管理系统源码及数据库详解
- R语言桑基图绘制与SCI图输入文件代码分析
- Linux下Sakagari Hurricane翻译工作:cpktools的使用教程
- prettybench: 让 Go 基准测试结果更易读
- Python官方文档查询库,提升开发效率与时间节约
- 基于Django的Python就业系统毕设源码
- 高并发下的SpringBoot与Nginx+Redis会话共享解决方案
- 构建问答游戏:Node.js与Express.js实战教程
- MATLAB在旅行商问题中的应用与优化方法研究
- OMAPL138 DSP平台UPP接口编程实践
- 杰克逊维尔非营利地基工程的VMS项目介绍
- 宠物猫企业网站模板PHP源码下载
- 52简易计算器源码解析与下载指南
- 探索Node.js v6.2.1 - 事件驱动的高性能Web服务器环境
- 找回WinSCP密码的神器:winscppasswd工具介绍
- xctools:解析Xcode命令行工具输出的Ruby库