前面的30篇合集文案里面HTML+CSS所有基本内容已然所有更新完毕,今天起始学习的内容是加强内容。往期30篇内容大众能够做为学习笔记,或是参考文档在文末!今天来学习HTML5的新特性。
1、概述
HTML5的新增特性重点是针对以前的不足,增多了有些新的标签和表单以及表单属性等。
非常多新特性都有兼容性问题,基本是IE9+ 以上版本的浏览器才支持,倘若不思虑兼容性问题,能够海量运用这些新特性。
2、语义化标签 (★★)
以前布局,咱们基本用 div 来做。div 针对搜索引擎来讲,是无语义的
<div class=“header”> </div>
<div class=“nav”> </div>
<div class=“content”> </div>
<div class=“footer”> </div>
发展到了HTML5后,新增了有些语义化标签,这般的话更加有利于浏览器的搜索引擎搜索,亦方便了网站的seo(Search Engine Optimization,搜索引擎优化),下面便是新增的有些语义化标签
- `<header>` 头部标签
- `<nav>` 导航标签
- `<article>` 内容标签
- `<section>` 定义文档某个区域
- `<aside>` 侧边栏标签
- `<footer>` 尾部标签
3、多媒介标签
多媒介标签分为 音频 **audio** 和视频 **video** 两个标签 运用它们,咱们能够很方便的在页面中嵌入音频和视频,而再也不去运用落后的flash和其他浏览器插件了。
由于多媒介标签的 属性、办法、事件比较多,因此呢咱们必须什么功能的时候,就必须去查询关联的文档进行学习运用。
4、视频标签video(★★★)
基本运用
当前 元素支持三种视频格式: 尽可能运用 mp4格式
运用语法:
html <video src="media/mi.mp4"></video>
兼容写
|