HTML5
HTML相关知识点
鸿雁南去情难寄
仙人抚我顶,结发受长生。
展开
-
00 HTML-基础标签(全)
双标签汇总1、font标签字体color:颜色size:改变字体大小face:字体2、i标签字体斜体3、em标签字体斜体;包含语义4、b标签字体加粗5、strong标签字体加粗;包含语义6、img标签图片src:指定图片路径width:指定图片宽度heigth:指定图片高度alt:文件加载失败时显示信息7、li标签列表项8、ul标签无序列...原创 2018-11-20 12:23:52 · 293 阅读 · 0 评论 -
13 HTML5-服务器推送事件
服务器推送事件一,服务器推送事件简介服务器推送事件是HTML5规范中的组成部分,可以用来从服务端实时推送数据到浏览器。二,WebSocket推送数据技术WebSocket使用的是套接字连接,基于TCP协议,在服务器与浏览器之间建立套接字连接,可以进行双向数据传输。三,HTTTP协议推送数据技术简易轮询,即浏览器端定时向服务器端发出请求来查询是否有数据更新。其中对轮询的时间长短进行有度的...原创 2018-11-27 14:21:39 · 200 阅读 · 0 评论 -
12 HTML5-应用缓存与Web Workers
应用缓存与Web Workers一,应用缓存1,应用缓存概念应用程序缓存,可在没有因特网连接时进行访问2,应用缓存特点1,可用于离线浏览2,已缓存资源加载速度更快3,减少服务器负载,只下载更新或更改过的资源3,实现缓存在标签中包含manifest属性,文件扩展名建议为“.appcache”示例:<html manifest = "index.appcache"&amp原创 2018-11-27 13:21:21 · 217 阅读 · 0 评论 -
11 HTML5-Web存储
Web存储客户端存储数据1,localStorage方法:没有时间限制的数据存储案例:2,sessionStorage方法:针对一个session的数据存储,用户关闭浏览器后,数据被删除案例:...原创 2018-11-27 11:42:27 · 92 阅读 · 0 评论 -
14 HTML5-响应式布局
响应式布局一,响应式布局概念响应式布局其目的为了让一个网站兼容多个终端,这个概念是为了移动互联网浏览而诞生的。利用CSS3技术实现。二,响应式布局优缺点优点:1,面对不同分辨率设备灵活性强2,能够快捷解决多设备显示适应问题缺点:1,兼容各种设备工作量大,效率低下2,代码累赘,会出现隐藏无用元素,加载时间长示例:...原创 2018-11-29 12:02:55 · 304 阅读 · 0 评论 -
10 HTML5-SVG
SVG一,SVG的概念SVG(Scalable Vector Graphics),采用的的是万维网联盟的标准,指的是可伸缩矢量图形,用于定义网络的基于矢量的图形,可使用XML格式定义图形二,SVG的优点1,图像可通过文本编辑器来创建和修改2,图像可被搜索,索引,脚本化和压缩3,图像可以在任何的分辨率下呗高质量的打印4,可以在图像不下降情况下被放大5,可以伸缩案例:注:该内容借...原创 2018-11-26 13:48:11 · 138 阅读 · 0 评论 -
09 HTML5-Canvas画布
Canvas画布之创建(一)一,Canvas标签Canvas元素用于图形的绘制,是图形的容器,必须通过脚本来完成绘制。用于绘制路径,盒,圆,字符,以及添加图像。二,创建Canvas元素规定元素的 id、宽度和高度:<canvas id="myCanvas" width="200&quot原创 2018-11-23 13:45:32 · 133 阅读 · 0 评论 -
08 HTML5-拖放
拖放一,拖放概念拖放(Drag和drop)是HTML5标准的组成部分。是抓取对象以后拖到另一个位置。任何元素都能够拖放。二,拖放开始ondragstart:调用了一个函数drag(event):规定被拖放的数据三,拖动数据setDate():设置被拖放数据的数据类型与值四,放入位置ondragover:事件规定在何处放置被拖动的数据五,放置数据ondrop:当放置被拖数...原创 2018-11-23 11:45:30 · 101 阅读 · 0 评论 -
07 HTML5-音频视频
音频视频一,音频播放1,Audio音频标准HTML5提供播放音频文件的标准。2,control控制器属性control属性提供添加播放、暂停、音量控件。3,audio标签定义声音4,source标签规定多媒体资源数量案例:二,视频播放1,Video视频标准HTML5提供了展示视频的标准2,control控制器属性control属性提供添加播放、暂停、音量控...原创 2018-11-22 16:18:45 · 129 阅读 · 0 评论 -
06 HTML5-Range对象(下)
Range对象(下)一,Range对象的克隆方法1,cloneRang方法:用于当前的Range对象进行复制,返回当前Range的对象,完成复制的功能。案例:2,cloneContents方法:用于在页面上追加一段HTML代码,并将Range对象所代表的区域中的HTML代码克隆到HTML代码之后。案例:3,extractContents方法:用于Range对象所代表的区域...原创 2018-11-22 14:42:03 · 212 阅读 · 0 评论 -
05 HTML5-Range对象(上)
Range对象一,Range对象的概念一个Range对象代表页面上的一段连续区域。通过该对象,可以获取或修改网页上的任何区域。案例:二,Range对象的节点方法1,SelectNode方法:用于Range对象的起点指定为某个节点的起点,终点指定为该节点的终点,使Range对象所代表的的区域中包含该节点2,SelectNodeContents方法:用于Range对象的起点指定为某个...原创 2018-11-22 12:49:43 · 206 阅读 · 0 评论 -
04 HTML5-增强的页面元素
增强的页面元素一,figure与figcaption元素figure元素:用于表示网页独立的内容,表示的内容可以是图片、统计图、音视频插件等。figcaption元素:表示的是figure的标题,从属于figure元素。二,details元素与summary元素details元素:用于表示该内部元素的子元素可以展开收缩展示,具有布尔类型的“open”属性。summary元素...原创 2018-11-22 12:43:07 · 138 阅读 · 0 评论 -
03 HTML5-表单元素属性
表单元素属性(上)一,表单内元素的formaction属性为所有提交按钮增加不同的fromaction属性,使得单击不同的按钮时可以提交到不同页面。二,表单内元素的formmethod属性可以对每一个表单元素分别指定不同的提交方法post与get。三,表单内元素的formenctype属性可以用于指定表单发送到服务器之前分别指定不同的编码方式。四,表单内元素的formtarget属性...原创 2018-11-21 16:10:42 · 266 阅读 · 0 评论 -
02 HTML5-非主体元素
非主体元素一,header元素该元素是一种具有引导和导航作用的结构元素,常用于放置整个页面或页面内的一个内容区块的标题,也可放置数据表格、搜索表单。二,footer元素该元素可以作为其上层父级内容区块或是一个根区块的脚注。通常包括其相关区块的脚注信息,如作者、相关阅读链接及版权信息。三,hgroup元素该元素是将标题及其子标题进行分组,通常将h1-h6元素进行分组四,address元...原创 2018-11-21 15:56:26 · 155 阅读 · 0 评论 -
01 HTML5-主体元素
主体元素一,article元素该元素代表文档,页面或应用程序中独立的、完整的、可独立被外部引用的内容。强调独立。该元素是可以嵌套使用,可用于表示插件。二,section元素该元素用于对网站或者应用程序中的页面上的内容进行分块,强调分块。组成:标题 + 内容注意:1,不推荐使用在没有标题的内容。2,不要将section元素作为设置样式的页面容器。三,nav元素该元素作为页面...原创 2018-11-21 15:50:13 · 304 阅读 · 0 评论