data-* 如:data-type,data-role等 hidden  <div hidden></div> 隐藏该div spellcheck <textarea spellcheck></spellcheck> 可以检测你输入的单词是否正确 tabindex <input tabindex="1" /> 按tab键可以切换光标在哪个输入框 contenteditable  <p contenteditable=&…

关于html5新增的属性: HTML5现在已经不是SGML的子集,主要是增加了关于图像,位置,存储,多任务等功能. 绘画CANVAS; 用于播放媒体的video和audio元素: 本地离线存储localstorage长期存储数据,浏览器关闭后数据不丢失:sessionstorage的数据在浏览器关闭后自动删除: 语义化更好的内容元素如:article.footer.header.nav.section: 表单控件,type属性有calendar.date.time.email.URL.searc…

一:HTML5保留的常用元素 7. 表格相关元素.表格在html里还算重要的了.   <table>  :用于表格定义.    cellpadding: 单元格内容和单元格边框距离    cellspacing: 单元格间距    width      : 表格宽度  <caption>: 表格标题最多只额能包含一个.  <thead>  : 表格头,可以有多个.  <tfoot>  : 表格脚.  <tbody>  : 表格体.值能包含<…

HTML5中,在新增加和废除很多元素的同时,也增加和废除了很多属性. 新增的属性 1.表单相关的属性 对input(type=text).select.textarea与button指定autofocus属性.它以指定属性的方式让元素在画面打开时自动获得焦点. 对input(type=text).textarea指定placeholder属性,它会对用户的输入进行提示,提示用户可以输入的内容. 对input.output.select.textarea.button与fieldset指定form…

contextmenu 属性 规定 <div> 元素的上下文菜单.上下文菜单会在用户右键点击元素时出现.列子: <div contextmenu="mymenu"> <menu type="context" id="mymenu"> <menuitem label="Refresh"></menuitem> <menuitem label="Twitt…

contentEditable:是否允许用户编辑元素中的内容.contentEditable有两个值,一个True 一个False. 例子: <ul contentEditable="true"> designMode:用来指定整个页面是否可编辑,有两个值,on和off.该属性只可以通过javascript来修改值.如果design设置为on的话,所以允许设置contentEditable的元素都可以编辑. hidden:在HTML5中所有的元素都可以使用hidden属性,…

HTML5 添加�了几个文档字符集属性. document.charset : 表示文档的实际使用的字符集. document.defaultCharset: 表示默认的字符集,跟浏览器以及操作系统设置有关. 假设文档没有使用默认字符集,那么 document.charset 与 document.defaultCharset 可能不同. 设置文档字符集: 但能够通过<meta>元素.响应头部或直接设置charset 属性改动这个值.来看三个样例. <meta http-equiv=&q…

一. 代码名称语义化的好处 1.能让搜索引擎更好的收录 2.对于特殊设备如盲人设备好解析 二.article和section的区别 article(文章):独立且能被外部引用 section(章节.段落):不独立,不能被外部引用 三. css3常用的新增属性 可以下拉的输入框 datalist 2.图片加载figure 3.音频audio 不支持播放 autoplay:准备就绪后播放 controls:音频控件 4.css2布局分为盒模型.可视化模型 其中盒模型包括:块级.BFC(块级元素格式化…

contentEditable ———————————————————————————————————————————————————————— 功能:允许用户编辑元素中的内容. 功能说明:       该元素必须是可以获得鼠标焦点的元素,而且在点击鼠标后要向用户提供一个插入符号,提示用户该元素中的内容允许编辑.       注意: contentEditable是一个布尔类型属性,因此可以将其设置为true或false.       说明:该属性还有个隐藏的inherir(继承)状态,属性为t…

----- 新类型表单 - email 自动校验输入的是不否是email 邮箱:<input type="email" name="user_email" /> - url 自动将提交数据变为Url 我的主页:<input type="url" name="user_url" /> - number 输入数字 金额:<input type="number" name="…