HTML5常用语法与标签详解
版权申诉
99 浏览量
更新于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,将有助于创建更先进、更适应现代互联网需求的网页。
点击了解资源详情
点击了解资源详情
点击了解资源详情
112 浏览量
2022-02-15 上传
2009-08-23 上传
2009-03-21 上传
点击了解资源详情
点击了解资源详情
ll17770603473
- 粉丝: 0
- 资源: 6万+
最新资源
- 深入浅出:自定义 Grunt 任务的实践指南
- 网络物理突变工具的多点路径规划实现与分析
- multifeed: 实现多作者间的超核心共享与同步技术
- C++商品交易系统实习项目详细要求
- macOS系统Python模块whl包安装教程
- 掌握fullstackJS:构建React框架与快速开发应用
- React-Purify: 实现React组件纯净方法的工具介绍
- deck.js:构建现代HTML演示的JavaScript库
- nunn:现代C++17实现的机器学习库开源项目
- Python安装包 Acquisition-4.12-cp35-cp35m-win_amd64.whl.zip 使用说明
- Amaranthus-tuberculatus基因组分析脚本集
- Ubuntu 12.04下Realtek RTL8821AE驱动的向后移植指南
- 掌握Jest环境下的最新jsdom功能
- CAGI Toolkit:开源Asterisk PBX的AGI应用开发
- MyDropDemo: 体验QGraphicsView的拖放功能
- 远程FPGA平台上的Quartus II17.1 LCD色块闪烁现象解析