page contents

HTML5新特性以及新标签简单介绍

1、HTML5新特性归纳 1)语义化 2)本地存储 3)设备兼容 4)连接特性,能够帮助我们将数据推送到客户端 5)网页多媒体特性 6)三维、图形及特效特性 7)性能与集成特性 8)css3特性...

attachments-2021-06-0bybP5Dn60c84936101ee.png

1、HTML5新特性归纳

1)语义化

2)本地存储

3)设备兼容

4)连接特性,能够帮助我们将数据推送到客户端

5)网页多媒体特性

6)三维、图形及特效特性

7)性能与集成特性

8)css3特性


2、HTML5新标签归类

1)结构标签

<head>定义页面或者区域头部

<main>规定文档主要内容

<footer>定义页面或者区域底部

<article>定义一篇文章

<nav>定义导航链接

<scetion>定义一个区域

<aside>定义页面内容部分侧边栏

<hgroup>用于对网页或者区域段的标题组合

<figure>定义一组媒体内容以及标题

<figcaption>定义figure元素标题

<address>定义文章拥有者的联系信息

2)行标记

<time>定义时间、日期

<mark>高亮显示文字

3)多媒体交互标签

<video>定义一个视频

<audio>定义一个音频

<source>定义媒体资源标签

<canvas>定义图形

<embed>定义可交互的内容或者插件

4)web应用标签

<progress>状态标签、进度条

<mark>定义有标记的文本(默认是黄色选中内容)

<output>定义一些输出内容,计算表单结果配合oninput事件

<datalist>为input标记定义一个下拉option

用法:

<input type="text" list="list1">
<datalist id="list1">
<option>
.
.
.
<option>
</datalist>

更多相关技术内容咨询欢迎前往并持续关注六星社区了解详情。

程序员编程交流QQ群:805358732

如果你想用Python开辟副业赚钱,但不熟悉爬虫与反爬虫技术,没有接单途径,也缺乏兼职经验
关注下方微信公众号:Python编程学习圈,获取价值999元全套Python入门到进阶的学习资料以及教程,还有Python技术交流群一起交流学习哦。

attachments-2022-06-cfVETaRU62ac36c5e5c77.jpeg

0 条评论

请先 登录 后评论
轩辕小不懂
轩辕小不懂

2403 篇文章

作家榜 »

  1. 轩辕小不懂 2403 文章
  2. 小柒 1474 文章
  3. Pack 1135 文章
  4. Nen 576 文章
  5. 王昭君 209 文章
  6. 文双 71 文章
  7. 小威 64 文章
  8. Cara 36 文章