点评:html5基础,包括html5视频标签和html5新标签等标签用法,大家参考使用吧

1、  声明的变化

2、  指定字符编码的变化,html5中建议使用utf-8

3、  Html5中允许

没有结束符,不算错误

4、  不允许写结束标记的有:area、base、br、col、command、embed、hr、img、input、keygen、link、meta、param、source、track、wbr

5、  可以省略结束标记的元素有:li、dt、dd、p、rt、rp、optgroup、option、colgroup、thead、tbody、tfoot、tr、td、th

6、  可以省略全部标记的元素有:html、head、body、colgroup、tbody

7、  之前属性值text是要有双引号的,现在也可以省略

8、 见html5标记示例

9、 新增的结构元素section:容器元素。章节、页眉、页脚,可以与h1、h2…结合起来用,标示文档结构。也可用于封装标题+内容,但是没有标题是不当的。当一个容器元素需要被直接定义样式活脚本定义行为时,推荐使用div,而非section。作用:对页面内容进行分块。不要与有着自己的完整的、独立的内容的article元素混淆。总结:①不要将section元素用作设置样式的页面容器,那是div元素的工作。②如果article元素、aside元素、或nav元素更符合使用条件,不要使用section元素。③不要为没有标题的内容区块使用section元素。

10、新增的结构元素article:块级元素。表示页面中的一块与上下文不像个的独立内容。强调独立性,section强调分段或分块,article强调独立性。

11、新增的结构元素aside:块级元素。表示article元素的内容职位的,与article元素内容相关的辅助内容。

12、新增的结构元素Header:块级元素。整个页面的标题。Header中至少要有一个heading(h1—h6)或hgroup元素或nav元素。

13、新增的结构元素hgroup:块级元素。用于对整个页面或页面中一个内容区块的标题进行组合。如果只有一个主标题,是不需要hgroup的。

14、新增的结构元素footer:块级元素。内容区块的脚注。

15、新增的结构元素address:行内元素。呈现文档联系信息,包括:作者、邮箱等等。

16、新增的结构元素nav:块级元素。导航链接。传统导航、侧边栏导航、页内导航、翻页导航。H5中不要用menu替代nav,menu元素是用一系列发出命令的菜单上,是一种交互性的元素。更确切的说是使用在web应用程序中的。

17、新增的结构元素figure:块级元素。一段独立的流内容,一般表示文档主题流内容的一个独立单元。使用figcaption元素为figure元素组添加标题。

18、新增元素video:定义视频的。

复制代码代码如下:

video元素

19、新增元素audio:定义音频的。

复制代码代码如下:

audio元素

20、新增元素embed: 插入各种媒体,格式可以是midi、wav、aiff、au、mp3等。

21

复制代码代码如下:

http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"> name="src" value="”borse.wav”/" />

22、新增元素mark: 突出显示或高亮显示的文字。相当与span

23、新增元素progress:表示运行中的进程,显示javascript中消耗时间的函数进程。

复制代码代码如下:

24、新增元素Time:表示日期和时间。

复制代码代码如下:

H4中用span

25、新增元素ruby:表示ruby注释。韩han,h4中没有的

26、新增元素rt:表示字符的解释或发音

27、新增元素rp:在ruby中使用,以定义不支持ruby元素的浏览器所显示的内容。

28、新增元素wbr:表示软换行。与br的区别是br表示此处必须换行;而wbr是浏览器或者父级元素的宽度足够宽时,不进行换行,宽度不够时,主动在此处换行。Wbr对字符型语言作用挺大,但是对于中文,貌似没有多大的作用。H4中没有的。

29、新增元素Canvas:表示图形的。如:图表、图像。但是:这个元素本身没有行为。仅提供一块画布,把绘制api展现给客户端javascript,使脚本能够把绘制的东西绘制到这块画布上。

复制代码代码如下:

30、新增元素command:表示命令按钮。如:单选按钮、复选框、按钮。

复制代码代码如下:

html4中没有

31、新增元素details:表示Details用户要求得到并且可以得到的细节信息。可以与summary配合使用。Summary提供标题或图例。

复制代码代码如下:

html5this ji a ddddd,you kdkdkdk about html5

32、新增元素datagrid:表示数据的列表。以树形列表的形式显示

33、新增元素keygen:表示生成密钥

34、新增元素output:表示不同类型的输出。如脚本

35、新增元素source:媒介元素。定义媒介资源。H4中用param

36、新增元素menu:表示菜单列表。

复制代码代码如下:

  • h4中menu不被推荐使用。

    37、新增input元素类型email:表示必须输入e-mail的文本输入框。

    38、新增input元素类型url:表示必须输入url地址的

    39、新增input元素类型number:表示必须输入数值。

    40、新增input元素类型range:表示必须输入一定范围内数字值的

    41、新增input元素类型date pickers:h5中有多个可选取日期和时间的新型输入文本框。

    复制代码代码如下:

    Date--------------选取日、月、年

    Month-----------选取月、年

    Week------------选取周和年

    Time-------------选取时间(小时和分钟)

    Datetime-------选取时间、日、月、年(utc时间)

    Datetime-local—选取时间、日、月、年(本地时间)

    44、

    1) 废除元素:只有部分浏览器支持的元素:applet、bgsound(只有ie支持)、blink、marquee等元素。bgsound(只有ie支持)、marquee(只有ie支持),所以在h5中废除。applet—可由embed或object替代。Bgsound—可由audio替代。Marquee可由js编程方式替代。

    2)标签 手册释义:用于对元素进行组合。 使用指引:多用于图片与图片描述组合:

    复制代码代码如下:

    figure标签

    这儿是图片的描述信息

    3)标签 手册释义:定义菜单列表。当希望列出表单控件时使用该标签。 使用指引:使用于菜单类区块,用来定义菜单列表或菜单选项:

    复制代码代码如下:

    • HTML 5
    • CSS
    • JavaScript

html页面视频标签,html5基础标签(html5视频标签 html5新标签用法)相关推荐

  1. edge搁置标签页_如何自定义Microsoft Edge的新标签页

    edge搁置标签页 The latest Microsoft Edge browser is based on Google Chrome's Chromium software. Both brow ...

  2. 音视频开发入门基础知识(视频入门篇)

    RTSP实时音视频开发实战课程:<RTSP实时音视频开发实战> 音视频开发入门基础知识(音频入门篇) 目录 一.前言 二.视频采集和显示 三.视频常见的格式 四.RGB转YUV和YUV转R ...

  3. HTML5基础知识整理(一)—— 新增标签和属性

    HTML5新特性的浏览器支持情况 http://www.caniuse.com/#index 语义化标签的由来 http://devfiles.myopera.com/articles/572/idl ...

  4. 火狐 新增标签 一直加载_在Firefox的新标签页中加载最后标签页的URL

    火狐 新增标签 一直加载 Yeah, you're pretty sure that you're the master of all things Firefox. I mean, why else ...

  5. 【音视频开发】基础知识:视频简介

     在学习了⾳频的相关概念之后,现在开始讨论视频,视频是由⼀幅幅图像组成的,所以要学习视频还得从图像学习开始.  与⾳频的学习⽅法类似,视频的学习依然是从图像的物理现象开始回顾,这⾥需要回顾⼀下⼩学做过 ...

  6. 浅谈HTML5新标签的浏览器兼容问题

    HTML5 现在已经不是SGML的子集,主要是关于图像,位置,存储,多任务等功能的增加. ① 新特性: 1)绘画<canvas>. 有关canvas的介绍请见:http://blog.cs ...

  7. HTML5新标签与特性

    HTML5新标签与特性 1.兼容性问题(ie9以上的版本) [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-8hkif4aQ-1647847660818)(C:\User ...

  8. 火狐html页面空白页,火狐修改空白新标签页背景颜色,适应深色主题

    火狐的主页一直设置的是空白页,最近换了深色主题,空白页的背景仍然是白色,比较刺眼.修改空白页的背景有三种方法,都不完美,各有优缺点,各位根据自己的情况使用. 使用自定义网址 在本地新建一个html文件 ...

  9. html5 在线 ppt 制作软件,使用HTML5制作网页.ppt

    使用HTML5制作网页 技术文档不做精美排版 http://ylmf.eu正在策划中 根据你们询问的人,HTML 5不是迈向创造更语义化的网络的下一 个重要步伐,就是用一系列不完整的标签和标记大杂烩让 ...

  10. html5离开网页自动暂停,通过html5代码在网页中实现播放和暂停音乐mp3,mav等文

    介绍通过html5代码在网页中实现播放和暂停音乐mp3,mav等文件的具体操作方法.这样对于用户来说,在线可播放功能能大大提高站内效率也可带来一定的流量.希望对有需要的朋友有所帮助.这里我们需要先了解 ...

最新文章

  1. dlib android
  2. 【Guava】使用Guava的RateLimiter做限流
  3. 一文讲清楚目标检测中mAP、AP、precison、recall、accuracy、TP、FP、FN、TN
  4. 安卓怎么把一个按钮设计成梯形_电气控制电路与PLC之间的梯形图转化,挺实用!...
  5. NGUI的输入框的校验(input filed script)
  6. python方法的分类(实例方法、类方法、静态方法)
  7. splunk 提取字段_splunk 学习笔记之三[使用字段查找对照]
  8. 关于SimpleITK 使用函数sitk.WriteImage报错‘ERROR (nifti_image_write_hdr_img2): cannot open output file ‘
  9. win下php+mysql+apache配置
  10. 在linux系统上搭建测试环境
  11. 利用Suspense组件来包装请求
  12. linux挂载ntfs硬盘6,CentOS 6.2 挂载 NTFS格式的硬盘
  13. Java类加载的加载,验证,准备,解析,初始化小结
  14. Java中对中国标准时间进行格式化(yyyy-MM-dd HH:mm:ss)两种方法
  15. 欢乐庆团圆--记华清远见嵌入式学院老学员联谊会
  16. Windows搭建SMB服务
  17. 华为起诉Verizon侵权在美开庭,涉及光传输网络
  18. 添加51la统计代码步骤
  19. Java国际化:BreakIterator
  20. Springboot毕设项目华阳大众汽车售卖系统v9f90(java+VUE+Mybatis+Maven+Mysql)

热门文章

  1. 2022-2028年中国硅藻土产业发展态势及市场发展策略报告
  2. QT中使用rubberband橡皮筋等方法进行选中多个物体
  3. BERT大火却不懂Transformer?读这一篇就够了 重点 命名实体识别
  4. 梯度下降优化算法综述与PyTorch实现源码剖析
  5. Spring单实例、多线程安全、事务解析
  6. Java中类、常量、变量、方法名等命名规则
  7. Babel 快速入门
  8. 人体姿态和形状估计的视频推理:CVPR2020论文解析
  9. JavaWeb--过滤器
  10. 2021年大数据HBase(十三):HBase读取和存储数据的流程