<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[Qcoderlife的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/Qcoderlife</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; Qcoderlife]]></copyright><item><title><![CDATA[HTML5 Web 存储]]></title><link>https://blog.youkuaiyun.com/Qcoderlife/article/details/120199972</link><guid>https://blog.youkuaiyun.com/Qcoderlife/article/details/120199972</guid><author>Qcoderlife</author><pubDate>Thu, 09 Sep 2021 14:17:39 +0800</pubDate><description><![CDATA[HTML5 web 存储,一个比cookie更好的本地存储方式。
	使用HTML5可以在本地存储用户的浏览数据。
	早些时候,本地存储使用的是 cookie。但是Web 存储需要更加的安全与快速. 这些数据不会被保存在服务器上，但是这些数据只用于用户请求网站数据上.它也可以存储大量的数据，而不影响网站的性能.
	数据以 键/值 对存在, web网页的数据只允许该网页访问使用。



localStorage 和 sessionStorage

客户端存储数据的两个对象为：

localStorage -..]]></description><category></category></item><item><title><![CDATA[HTML5中新的语义元素]]></title><link>https://blog.youkuaiyun.com/Qcoderlife/article/details/120199688</link><guid>https://blog.youkuaiyun.com/Qcoderlife/article/details/120199688</guid><author>Qcoderlife</author><pubDate>Thu, 09 Sep 2021 14:01:29 +0800</pubDate><description><![CDATA[语义元素 = 有意义的元素

一个语义元素能够清楚的描述其意义给浏览器和开发者。

无语义元素实例: &lt;div&gt; 和 &lt;span&gt; - 无需考虑内容.

语义元素实例: &lt;form&gt;, &lt;table&gt;, and &lt;img&gt; - 清楚的定义了它的内容.



HTML5 提供了新的语义元素来明确一个Web页面的不同部分:

&lt;header&gt;
	&lt;nav&gt;
	&lt;section&gt;
	&lt;article&gt;
..]]></description><category></category></item><item><title><![CDATA[HTML5 新的表单属性]]></title><link>https://blog.youkuaiyun.com/Qcoderlife/article/details/120199283</link><guid>https://blog.youkuaiyun.com/Qcoderlife/article/details/120199283</guid><author>Qcoderlife</author><pubDate>Thu, 09 Sep 2021 13:46:36 +0800</pubDate><description><![CDATA[HTML5 的 &lt;form&gt; 和 &lt;input&gt;标签添加了几个新属性.


&lt;form&gt;新属性：

autocomplete
	novalidate



&lt;input&gt;新属性：

autocomplete
	autofocus
	form
	formaction
	formenctype
	formmethod
	formnovalidate
	formtarget
	height 与 width
	list
	min 与 max
	multiple
	pa]]></description><category></category></item><item><title><![CDATA[HTML5 新的表单元素]]></title><link>https://blog.youkuaiyun.com/Qcoderlife/article/details/120198273</link><guid>https://blog.youkuaiyun.com/Qcoderlife/article/details/120198273</guid><author>Qcoderlife</author><pubDate>Thu, 09 Sep 2021 11:54:40 +0800</pubDate><description><![CDATA[HTML5 有以下新的表单元素:

&lt;datalist&gt;
	&lt;keygen&gt;
	&lt;output&gt;


标签
			描述
		&lt;datalist&gt;
			&lt;input&gt;标签定义选项列表。请与 input 元素配合使用该元素，来定义 input 可能的值。
		&lt;keygen&gt;
			&lt;keygen&gt; 标签规定用于表单的密钥对生成器字段。
		&lt;output&gt;
			&lt;output&gt; 标签定义不同类型的.]]></description><category></category></item><item><title><![CDATA[HTML5 新的 Input 类型]]></title><link>https://blog.youkuaiyun.com/Qcoderlife/article/details/120196734</link><guid>https://blog.youkuaiyun.com/Qcoderlife/article/details/120196734</guid><author>Qcoderlife</author><pubDate>Thu, 09 Sep 2021 11:42:48 +0800</pubDate><description><![CDATA[HTML5 拥有多个新的表单输入类型。这些新特性提供了更好的输入控制和验证。

Input 类型: color


选择你喜欢的颜色: &lt;input type="color" name="favcolor"&gt;

Input 类型: date

date 类型允许你从一个日期选择器选择一个日期。


//定义一个时间控制器:

&lt;form action="demo-form.php"&gt;
  生日: &lt;input type="date" name="bday"&gt;
  &lt.]]></description><category></category></item><item><title><![CDATA[HTML5 Video(视频)、HTML5 Audio(音频)]]></title><link>https://blog.youkuaiyun.com/Qcoderlife/article/details/120196553</link><guid>https://blog.youkuaiyun.com/Qcoderlife/article/details/120196553</guid><author>Qcoderlife</author><pubDate>Thu, 09 Sep 2021 10:50:43 +0800</pubDate><description><![CDATA[HTML5 Video 标签

标签
			描述
		&lt;video&gt;
			定义一个视频
		&lt;source&gt;
			定义多种媒体资源,比如 &lt;video&gt; 和&lt;audio&gt;
		&lt;track&gt;
			定义在媒体播放器文本轨迹
		HTML5 Audio 标签

标签
			描述
		&lt;audio&gt;
			定义了声音内容
		&lt;source&gt;
			规定了多媒体资源, 可以是多个，在 &lt;video&gt; 与 &lt;]]></description><category></category></item><item><title><![CDATA[HTML5 内联 SVG]]></title><link>https://blog.youkuaiyun.com/Qcoderlife/article/details/120196364</link><guid>https://blog.youkuaiyun.com/Qcoderlife/article/details/120196364</guid><author>Qcoderlife</author><pubDate>Thu, 09 Sep 2021 10:43:49 +0800</pubDate><description><![CDATA[什么是SVG？

SVG 指可伸缩矢量图形 (Scalable Vector Graphics)
	SVG 用于定义用于网络的基于矢量的图形
	SVG 使用 XML 格式定义图形
	SVG 图像在放大或改变尺寸的情况下其图形质量不会有损失
	SVG 是万维网联盟的标准
SVG优势

与其他图像格式相比（比如 JPEG 和 GIF），使用 SVG 的优势在于：

SVG 图像可通过文本编辑器来创建和修改
	SVG 图像可被搜索、索引、脚本化或压缩
	SVG 是可伸缩的
	SVG 图像可在任何的分辨率下被高质量]]></description><category></category></item><item><title><![CDATA[HTML5—Canvas]]></title><link>https://blog.youkuaiyun.com/Qcoderlife/article/details/120195571</link><guid>https://blog.youkuaiyun.com/Qcoderlife/article/details/120195571</guid><author>Qcoderlife</author><pubDate>Thu, 09 Sep 2021 10:40:50 +0800</pubDate><description><![CDATA[什么是 canvas?
	
	
HTML5 &lt;canvas&gt; 元素用于图形的绘制，通过脚本 (通常是JavaScript)来完成.

&lt;canvas&gt; 标签只是图形容器，必须使用脚本来绘制图形。

你可以通过多种方法使用 canvas 绘制路径,盒、圆、字符以及添加图像。




	创建一个画布（Canvas）
	
一个画布在网页中是一个矩形框，通过 &lt;canvas&gt; 元素来绘制.

注意:默认情况下 &lt;canvas&gt; 元素没有边框和内容。

&lt;can.]]></description><category></category></item><item><title><![CDATA[HTML5 新元素]]></title><link>https://blog.youkuaiyun.com/Qcoderlife/article/details/120195411</link><guid>https://blog.youkuaiyun.com/Qcoderlife/article/details/120195411</guid><author>Qcoderlife</author><pubDate>Thu, 09 Sep 2021 10:16:03 +0800</pubDate><description><![CDATA[&lt;canvas&gt; 新元素


			标签
			
			
			描述
			
		
			&lt;canvas&gt;
			
			
			标签定义图形，比如图表和其他图像。该标签基于 JavaScript 的绘图 API
			
		新新多媒体元素

新多媒体元素元素


			标签
			
			
			描述
			
		
			&lt;audio&gt;
			
			
			定义音频内容
			
		
			&lt;video&gt;
			
			
			定义视频（video 或者 ]]></description><category></category></item><item><title><![CDATA[HTML5的改进]]></title><link>https://blog.youkuaiyun.com/Qcoderlife/article/details/120195268</link><guid>https://blog.youkuaiyun.com/Qcoderlife/article/details/120195268</guid><author>Qcoderlife</author><pubDate>Thu, 09 Sep 2021 10:09:52 +0800</pubDate><description><![CDATA[HTML5 的改进

新元素
	新属性
	完全支持 CSS3
	Video 和 Audio
	2D/3D 制图
	本地存储
	本地 SQL 数据
	Web 应用
]]></description><category></category></item></channel></rss>