HTML5 aria-* and rolearia是指Accessible Rich Internet Application。role的作用是描述一个非标准的tag的实际作用，而aria-*的作用就是描述这个tag在可视化的情境中的具体信息。比如1<div role="checkbox" aria-checked="checked"></div> 什么是ARIA：WAI-ARIA指无障碍网页应用。主要针对的是视觉缺陷，失聪，行动不便的残疾人。尤其像盲人，眼睛看不到，其浏览网页则需要借助辅助设备，如屏幕阅读器，屏幕阅读机可以大声朗读或者...
原博地址:http://www.cnblogs.com/dolphinX/p/3286177.html原博客的作者是一个非常牛逼的前端大神，我作为一个初学者，在此借助大神的博客进行自己的学习。在这里感谢原作者无私的分享。也强烈建议大家到原作者的博客下学习。好了，现在让我们跟着大神的脚步前进吧。用过JavaScript的人肯定都对prototype如雷贯耳，但是这究竟是个什么东西却让初学者莫衷一是，只知道函数都有一个prototype属性，可以为其添加函数供实例访问，其他的...
a、对于中文网页需要使用<meta charset="utf-8">声明编码，否则会出现乱码b、有些浏览器（如360浏览器）会设置GBK为默认编码，则你需要设置为<meta charset="gbk">c、<head></head> <title></title><body></body> <h1>我是第一个标题</h1> <p>我的第一个段落</p> 1、后缀名a、.html b、.htm原文：https://www.cnblogs.com/wfg-qmy-iOSOrElse-blogs/p/12707167.html
表格 —— 默认样式重置表格标签： table 表格 thead 表格头 tbody 表格主体 tfoot 表格尾 tr 表格行 th 元素定义表头 td 元素定义表格单元表格样式重置 table{border-collapse:collapse;} 单元格间隙合并 th,td{padding:0;}重置单元格默认填充 单元格合并rowspan 属性规定单元格可横跨的行数。 <td rowspan="2"></td>colspan 属性规定单元格可...
1、图像标签（<img>）和源属性（Src） 在 HTML 中，图像由 <img> 标签定义。 <img> 是空标签，意思是说，它只包含属性，并且没有闭合标签。 要在页面上显示图像，你需要使用源属性（src）。src 指 "source"。源属性的值是图像的 URL 地址。 定义图像的语法是：<img src="url" /> URL 指存储图像的位置。如果名为 "boat.gif" 的图像位于 www.w3school.com.cn 的 images 目录中，那么其 URL 为 h...
事件流：事件流: 描述的是从页面中接收事件的顺序 也可以理解为事件在页面中传播的顺序；事件: 就是用户或浏览器自身执行的某种动作 例如 click(点击) load(加载) mouseover(鼠标悬停)事件处理程序: 响应某个事件的函数就叫事件处理程序(或事件侦听器)下面所示例子注册事件的方式均使用DOM2级事件定义的事件处理程序进行注册。DOM2级事件定义可两个方法，用于处理指定和删除事件处理程序的操作:addEventListener()和removeEventLis...
HTML提交表与PHP交互环境搭建需要的东西：1.集成开发包：简化了各个软件的安装与交互环境的搭建，可以从官网直接下载有各大操作系统平台下的版本 XAMPP Apache + MySQL + PHP + Perlhttps://www.apachefriends.org/zh_cn/index.html这个是安装完成的控制平台，可以集成化的控制 Apache、MySQL等控制，很是方便2.Eclipse软件---在码农群体中广为流传http://www.eclipse.org/downloads/然后在Eclipse中安装支持PHP开发环境的插件包：...
.html()用为读取和修改元素的HTML标签.text()用来读取或修改元素的纯文本内容.val()用来读取或修改表单元素的value值。这三个方法功能上的对比.html(),.text(),.val()三种方法都是用来读取选定元素的内容；只不过.html()是用来读取元素的HTML内容（包括其Html标签），.text()用来读取元素的纯文本内容，包括其后代元素，.val()是用来读取表单元素的"value"值。其中.和.text()方法不能使用在表单元素上,而.val()只能使用在表单元素上...
10.表单元素表单元素用于获取用户的输入数据form 表示HTML表单属性： action 表示表单提交的页面 method 表示表单提交的请求方式：有POST和GET两种，默认GET（POST采用表单提交，GET采用超链接提交） enctype 表示浏览器对发生给服务器的数据所采用的编码格式（需要将文件上传的时候才设置），有三种 application/x-www-form-urlencoded 默认编码，不能将文件上传到服务器 multipart/form-data 用于将文件上传...
HTMLDocument上的扩展 HTML5在DOM Level 2 HTML上扩展了一些HTMLDocument的接口。这些接口在全部实现了Document接口的元素对象上进行了实现。HTML5在里面也新添加了几个成员：getElementsByClassName()：用class类获取元素。用这种方法能够查询不论什么带有class属性且带有符合该class參数值的元素和Document对象（比如：SVG和MathML）。innerHTML：一种解析和序列化HTML/XML文档的方式，该属性在曾经版本号的浏览器里仅仅支持HTML...
如何让图1中的div2移动到如图2上的位置；思路：哪些css命令能够影响盒子显示的位置呢？ relative相对定位/定位偏移量position:relative; 相对定位 a、不影响元素本身的特性； b、不使元素脱离文档流； c、如果没有定位偏移量，对元素本身没有任何影响；定位元素位置控制 top/right/bottom/left 定位元素偏移量。 absolute绝对定位/定位层级osition:absolute; 绝对定位 a、使元素完全脱离文档...
H5结构知识点一：body,nav,section需要h1-h6; header,div不需要h1-h6. h5结构测试网站：https://gsnedders.html5.org/outliner/移动端么meta格式：移动端要加的标签<meta name="viewport" content="width=device-width, initial-scale=1.0,minimum-scale=1.0, maximum-scale=1.0,user-scalable=no">移动端图片自适应css(配合上述标签使用):img{display:block;max-width:100%;}css3标签：ouline:none 点击无虚线css3内边距和边...
canvas标签是一个矩形区域，它包含两个属性，width和height，默认为300px和150px.常用形式如下：<canvas id="mycanvas" width="400" height="200" style="border:1px solid #color;"> ...提示信息 </canvas>也可写成形式如：<canvas id="canvas" width="400" height="300" style="border:1px solid red"/>可是我在运行时发现第二个写法会导致<canvas>之后的元素无法在浏览器中显示出来.在body中将canvas放好后，就可以使用JavaScr...
一、HTML5概要1.1、为什么需要HTML5HTML4陈旧不能满足日益发展的互联网需要，特别是移动互联网。为了增强浏览器功能Flash被广泛使用，但安全与稳定堪忧，不适合在移动端使用（耗电、触摸、不开放）。HTML5增强了浏览器的原生功能，符合HTML5规范的浏览器功能将更加强大，减少了Web应用对插件的依赖，让用户体验更好，让开发更加方便，另外W3C从推出HTML4.0到5.0之间共经历了17年，HTML的变化很小，这并不符合一个好产品的演进规则。...
HTML5新的表单属性HTML5 的form和input 标签添加了几个新的属性<form>新属性autocompletenovalidateinput 新属性autocompleteautofocusform formactionformenctypeformmethodformnovalidateformtargetheight and widthlistmin and maxmultiplepattern (regexp)placeholderrequiredstepautocomplete属性autocomplete属性规定form或input域应该拥有自动完成功能当用户在自动完成域中开始输入时，浏览器应该在该域中显示填写的选项提示...