HTML基础(一)--HTML5新特性和语义化

本文介绍了HTML5的语义化概念,强调了正确使用语义化标签如<header>、<nav>、<main>等对于网页结构的重要性,并提及这些标签对SEO的积极影响。同时,概述了HTML5的十大新特性,包括<audio>、<video>、Canvas、SVG、地理定位等,以及它们在现代网页开发中的应用。此外,提及HTML5新标签的浏览器兼容性问题,特别是不支持IE8及以下版本。
摘要由CSDN通过智能技术生成

一、语义化概念

HTML5的语义化指的是合理正确的使用语义化标签来创建页面标签,正确的标签做正确的事,有利于SEO

二、语义化标签

header 、nav、main(文档的主体)、arcticle、section(某个区域)、aside(侧栏)、footer

三、HTML5新特性

HTML5 总的来说比 HTML 4多了十个新特性,但其不支持ie8/ie8以下版本的浏览器

四、新特性标签

音频标签(audio)
视频标签(video)
Canvas: 用于图形的绘制,通过脚本来完成
SVG : 指可伸缩矢量图,使用它绘制的图像不会失真,是一个使用XML 描述的2D图形的语言
地理定位:用于定位用户的位置。
拖放api: 可以将将页面中的元素拖放到另外一个位置
Web Worker:是运行在后台的 JavaScript,不会影响页面的性能。
Web Storage :(cookie 是4k,它是 4M)
WebSocket:HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值