HTML5常用语法与标签详解
版权申诉
28 浏览量
更新于2024-08-06
收藏 100KB PDF 举报
"HTML5常用语法一览表.pdf"
HTML5是一种现代的网页标记语言,它在HTML4的基础上进行了很多改进和扩展,旨在提高网页的可读性、可用性和互操作性。以下是一些HTML5中常用的语法和特性:
1. **头部标记**:
- `<base>`:设置页面所有链接的基础URL,用于确定相对链接的目标。
- `<title>`:定义浏览器窗口顶部显示的标题,对于SEO(搜索引擎优化)至关重要。
- `<meta>`:提供文档的元信息,如字符集、关键词、描述等。HTML5中`<meta>`标签新增了`charset`属性来指定文档字符编码,不再支持`scheme`属性。
2. **元信息标记<meta>的属性**:
- `http-equiv`:创建一个类似于HTTP头的响应,如设置页面编码、刷新间隔等。
- `name`:关联一个名称,用于提供如作者、描述等元数据。
- `content`:与`http-equiv`或`name`属性关联的值,提供实际的元信息内容。
3. **HTML主体标记<body>属性**:
- HTML5移除了`<body>`标签的一些旧属性,如`text`、`bgcolor`、`background`、`bgproperties`、`link`、`alink`、`vlink`、`topmargin`和`leftmargin`,鼓励使用CSS来控制这些样式。
4. **特殊符号**:
- 特殊符号用于在HTML中插入非键盘可输入的字符,例如:双引号(`"`)、和号(`&`)、小于号(`<`)、大于号(`>`)、版权符号(`©`)、注册商标符号(`®`)、加减号(`±`)、乘法符号(`×`)、章节符号(`§`)、货币符号(如欧元`€`、英镑`£`)等。
5. **标题字标记**:
- `<h1>`到`<h6>`:用于定义页面标题,`<h1>`是最高级别的标题,`<h6>`是最小的。这些标签有助于构建页面结构和SEO。
6. **其他HTML5新特性**:
- 新增语义化标签,如`<header>`、`<nav>`、`<article>`、`<section>`、`<aside>`和`<footer>`,使网页内容更易理解。
- `<canvas>`元素用于绘制图形,结合JavaScript实现动态和交互式内容。
- `<video>`和`<audio>`元素用于内嵌视频和音频,支持多种格式,如MP4、WebM和Ogg。
- `<form>`元素中的新输入类型,如`date`、`email`、`url`等,提供更好的表单验证。
- `<input type="range">`创建滑动条控件。
- `<details>`和`<summary>`标签用于创建可折叠的内容区域。
以上只是HTML5语法的一部分,HTML5还包含更多的元素、属性和功能,如Web存储、离线缓存、拖放功能、地理定位等,这些都极大地丰富了网页开发的可能性。学习并掌握HTML5,将有助于创建更先进、更适应现代互联网需求的网页。
2023-06-09 上传
2023-07-09 上传
2023-07-29 上传
2023-10-06 上传
2023-06-02 上传
2023-09-09 上传
ll17770603473
- 粉丝: 0
- 资源: 6万+
最新资源
- 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语言构建高效分布式网络爬虫