HTML5新特性归纳

本文归纳了HTML5的十大新特性,包括语义化结构化标签、增强型表单、多媒体标签、本地存储、Canvas绘图、地理定位、离线应用、Web Worker多线程、历史管理和WebSocket通信。详细介绍了每个特性的应用场景和使用方法。
摘要由CSDN通过智能技术生成

HTML5新特性归纳

一.简介

Html5是下一代html的标准

必须使用<!doctype html>进行声明

PS:对于中文网页需要使用<meta charset='utf-8'>声明编码,否则会出现乱码

二.十大新特性

1.语义化结构化标签

1.section

表示页面中的一个内容区块

2.header

表示页面中的头部区域

3.footer

表示页面中的底部区域

4.nav

表示定义导航链接的区域

5.article

表示一块与上下文无关的独立内容

6.aside

表示页面主页面区域内容之外的内容 比如侧边栏

7.figure和figcaption

(1) figure 规定独立的流内容(图像,图标,照片,代码等)

(2) figcaption 定义figure元素的标题

ps:元素应该被置于 “figure” 元素的第一个或最后一个子元素的位置。

<figure>
  <img src="img_pulpit.jpg" alt="The Pulpit Rock" width="304" height="228">
  <figcaption>Fig1. - The Pulpit Pock, Norway.</figcaption>
</figure>

8.main

表示页面主要的内容(IE不兼容)

9.兼容低版本</

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值