html学习_html5 新增标签和属性

html5 新增标签和属性

1、html发展历程(html有很多版本)

2、快捷键生成不同版本(html4、xhtml、html5)

文档类型不同、字符设定

3、常用新标签 (只有html5才识别的标签)

4、datalist用法(自带搜索过滤功能)

5、fieldset搭配legend用法

6、新增的input 的 type的属性值

7、表单里新增的属性

8、多媒体标签

a、embed实现方式:复制html代码路径后黏贴在自己的html中(引入网上视频的方式)

先上传(优酷)、再分享(复制黏贴路径)

b、多媒体 audio(双标签  默认不播放)

loop=2  循环2次 ,loop或者loop=-1 都是无线循环。

为了浏览器兼容 需要做3种格式声音文件

c、多媒体video(小视频用这个,大视频不合适通过本地上传费钱)

ogg、mp4、webm

多浏览器支持的方案

原文地址:https://www.cnblogs.com/yangyutian/p/10428420.html

时间: 2024-10-13 16:12:32

html学习_html5 新增标签和属性的相关文章

html5新增标签和属性

结构性标签:<header>头部</header><nav>导航</nav><section>用于表达书的一章或一部分</section><artical>文章</artical><hgroup>标题组</hgroup><footer>底部</footer><aside>摘要,表达对主体内容的补充</aside><dialog>

HTML5 学习笔记(一)——HTML5概要与新增标签

一.HTML5概要 1.1.为什么需要HTML5 HTML4陈旧不能满足日益发展的互联网需要,特别是移动互联网.为了增强浏览器功能Flash被广泛使用,但安全与稳定堪忧,不适合在移动端使用(耗电.触摸.不开放). HTML5增强了浏览器的原生功能,符合HTML5规范的浏览器功能将更加强大,减少了Web应用对插件的依赖,让用户体验更好,让开发更加方便,另外W3C从推出HTML4.0到5.0之间共经历了17年,HTML的变化很小,这并不符合一个好产品的演进规则. 1.2.什么是HTML5 HTML5

HTML5 学习总结(一)——HTML5概要与新增标签

目录 一.HTML5概要 1.1.为什么需要HTML5 1.2.什么是HTML5 1.3.HTML5现状及浏览器支持 1.4.HTML5特性 1.5.HTML5优点与缺点 1.5.1.优点 1.5.2.缺点 1.6.HTML5效果展示 1.7.HTML5学习与开发工具 1.7.1.基础要求 1.7.2.开发工具 1.8.HTML5语法规则与文档声明 1.8.1.语法规则 1.8.2.文档声明 1.8.2.文档声明 二.废弃的标签 三.新增的标签 3.1.新增的结构标签 3.2.新增加其它元素 3

HTML5 学习笔记--------》HTML5概要与新增标签!

一.HTML5概要 1.1.为什么需要HTML5 HTML4陈旧不能满足日益发展的互联网需要,特别是移动互联网.为了增强浏览器功能Flash被广泛使用,但安全与稳定堪忧,不适合在移动端使用(耗电.触摸.不开放). HTML5增强了浏览器的原生功能,符合HTML5规范的浏览器功能将更加强大,减少了Web应用对插件的依赖,让用户体验更好,让开发更加方便,另外W3C从推出HTML4.0到5.0之间共经历了17年,HTML的变化很小,这并不符合一个好产品的演进规则. 1.2.什么是HTML5 HTML5

HTML5 学习总结(一)——HTML5概要与新增标签(转载)

目录 一.HTML5概要 1.1.为什么需要HTML5 1.2.什么是HTML5 1.3.HTML5现状及浏览器支持 1.4.HTML5特性 1.5.HTML5优点与缺点 1.5.1.优点 1.5.2.缺点 1.6.HTML5效果展示 1.7.HTML5学习与开发工具 1.7.1.基础要求 1.7.2.开发工具 1.8.HTML5语法规则与文档声明 1.8.1.语法规则 1.8.2.文档声明 1.8.2.文档声明 二.废弃的标签 三.新增的标签 3.1.新增的结构标签 3.2.新增加其它元素 3

HTML5学习总结——HTML5入门与新增标签

一.HTML5概要 1.1.为什么需要HTML5 概念: HTML5 是继 HTML4.01, XHTML 1.0 和 DOM 2 HTML 后的又一个重要版本, 旨在消除富 Internet 程序(RIA)对 Flash, Silverlight, JavaFX 一类浏览器插件的依赖. 1991年HTML1.0标准出现1997年HTML4.0发布,4.0标准下的浏览器局限性Flash (安全与稳定堪忧.耗电.触摸.不开放)SilverlightJavaApplet2008年HTML5出现, W

正式学习第一天下午——基础标签及其属性

今天下午学习了html中的基础标签及其属性.以下面的HTML代码为例. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"> <head>

HTML5探索一(那些新增的标签和属性)

tml5相比html4,添加了部分语义化的标签和属性,现在我们就从这些标签和属性开始,学习html5吧. 首先,认识下HTML5新的文档类型: <!DOCTYPE html> 那些新标签 格式 <bdi> 定义文本的文本方向,使其脱离其周围文本的方向设置 <mark> 定义有记号的文本 <meter> 定义预定义范围内的度量 <progress> 定义任何类型的任务的进度 <rp> 定义若浏览器不支持ruby元素显示的内容 <r

WEB前端开发学习----8. Html5一些新增标签

先看一张图 明显看出Html5的页面布局方式要比html4.0  div+css传统布局模式简洁许多,同时对搜索引擎更加友好.语义化标签的好处就不多说了. 说几个有意思的新增标签: <meter></meter> 显示一个测量计,可用于温度,气压等 meter演示 <progress><progress/> 显示一个进度条,配合js可以显示动态加载效果.用于加载进度,下载进度等. progress演示 <details></details&