HTML5
文章平均质量分 80
wj他
这个作者很懒,什么都没留下…
展开
-
HTML5的变化1
1.1 HTML5推出的理由推出的缘由和目标: 目前web端存在的一些问题,比如兼容性问题,同样页面,在不同浏览器上呈现的效果不同,那么开发人员需要做很多额外的工作去解决这一问题,需要花费过多的时间在这上面;一些特殊的权限没有开放给开发人员,比如:定位权限、拉起照相机拍照权限、动画、绘画。那么H5的推出就是为了解决这一问题。 H5解决了什么问题: (1)开放了一些特殊的权限给开发者:有了这些权原创 2017-08-31 19:33:13 · 337 阅读 · 0 评论 -
主体结构元素 2
主体结构元素,它是为了语义可以结构化,说白了就是为了更好的SEO,再白一点就是为了浏览器更好的抓数据。包含的元素:article、section、nav、aside、time (1)article(使用频率低)<body> <article> <header> HTML5课程 </header> <!--<h2>HTM原创 2017-08-31 19:40:53 · 191 阅读 · 0 评论 -
非主体结构元素 3
(1)header标签 一般用来放置整个页面的标题。比如说一个新闻页面,header一般放新闻的标题。如果是一个官方网址,一般header用来放logo和网站导航。(2)footer标签 一般用来放置脚注,只要包含:作者信息、copyright。(3)address标签 一般用来呈现联系信息,主要包括:网站的联系方式、电子邮箱、地址、电话号码等等。<body><header> <di原创 2017-08-31 19:43:08 · 216 阅读 · 0 评论 -
表单相关新增元素和属性 4
4.1表单元素新增和废弃的属性表单新增的属性可以分成两类: 提交类:提交给副武器的相关属性,formaction,formmcthod,formtype 控制类:required,antofocus,labels4.1.1 form表单属性在H5之前,表单内所有的从属标签(下级标签),必须书写在form标签内部。 H5:允许标签写在任何地方,但是,需要做两步操作:[1]给form设置一个id原创 2017-08-31 20:16:28 · 232 阅读 · 0 评论 -
增强的页面元素 5
5.1、details元素和summary元素Details语义上有详情的意思。 summary语义上有概要、摘要的意思。 Details元素可以实现类似显示/隐藏的功能,summary用于显示details的标题或间接。 注意:(1)如果details下没有summary元素,浏览器会自动添加,同时内容是“详细信息”。 (2)details默认是关闭状态的,我们可以通过设置原创 2017-08-31 20:33:03 · 266 阅读 · 0 评论 -
音频和视频处理 6
为什么会有audio?或者说audio的出现说是为了解决一些什么问题? 在H5之前,如果想在浏览器上播放视频或者音频的话需要通过一些插件的支持(比如flash),但是因为浏览器和插件之间存在一些兼容性的问题,所以为了解决这些问题,H5就退出了audio和video两种新的属性来作为现在大多数浏览器处理音频和视频的标准方法,使其可以统一化、简便化。6.1 audio<body><!--contro原创 2017-08-31 20:54:16 · 299 阅读 · 0 评论 -
HTML5 Canvas画布 7
(1)canvas元素: width、height和style里面的width、height一样吗? 如果直接设置canvas的width和height,画布和元素的宽度都是你设置的值。如果设置的是style里面的width和height,它仅表示canvas元素占文档流的位置,这时候画布的宽度和高度是默认值600,300。 注意: 【1】、设置canvas的宽度的,直接操作canvas的w原创 2017-09-01 15:06:50 · 359 阅读 · 0 评论