HTML5常用语法与标签详解

版权申诉
0 下载量 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中插入非键盘可输入的字符,例如:双引号(`&quot;`)、和号(`&amp;`)、小于号(`&lt;`)、大于号(`&gt;`)、版权符号(`&copy;`)、注册商标符号(`&reg;`)、加减号(`&plusmn;`)、乘法符号(`&times;`)、章节符号(`&sect;`)、货币符号(如欧元`&euro;`、英镑`&pound;`)等。 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,将有助于创建更先进、更适应现代互联网需求的网页。