html5权威指南：定制input元素

HTML5权威指南是一本系统学习网页设计的权威参考图书.<HTML5权威指南>分为五部分:第一部分介绍学习本书的预备知识和HTML.CSS和JavaScript的最新进展:第二部分讨论HTML元素,并详细说明了HTML5中新增和修改的元素:第三部分阐述CSS,涵盖了所有控制内容样式的CSS选择器和属性,并辅以大量代码示例和图示:第四部分介绍DOM,剖析如何用JavaScript操纵HTML内容:第五部分讲解Ajax.多媒体和canvas元素等HTML5高级特性. <HTML5权威指南&g

1.超链接href支持格式:http https ftp mailto(mailto:[email protected]) 2.超链接#id 将指定id的元素移入视野中,如果没有则查找name匹配 3.b与strong的习惯形式都是加粗但是在html5中b没有表示重要的语义,strong有 4.wbr的使用在浏览器需要换行的时候给予拆分行位置的建议 5.code.var.samp(输出).kbd(用户输入)暴露了HTML的极客属性 6.<ruby>魑<rp>(</rp>

accesskey 属性 (快捷键) Name : <input type="text" name="name" accesskey="n" /> 在windows系统上同时按下Alt键和accesskey属性值对应的键,键盘焦点会转移到Name对应的input元素. contenteditable 属性 (编辑修改) <p contenteditable="true" > I miss you . &

1.span.class1.class2会选择同时指定class1和class2的元素 2.[href]匹配所有具有href属性的元素 3.[class~="class2"]空格隔开的多个属性 4.[lang|="en"]匹配连字符隔开的分割包含一个同名字符 5.选择器示例: 后代 #mytable td 子代 body > * > span, tr > th(紧跟无间隔) 兄弟 p + a(p后面的同级别的a,只匹配第一个) 普通兄弟 p ~ a

1.Web Storage HTML5除了Canvas元素之外,还有一个非常重要的功能那就是客户端本地保存数据的Web Storage功能. 以前都是用cookies保存用户名等简单信息. 但是cookie有下面几个问题: a:大小:cookies的大小被限制在4KB b:带宽:cookies随HTTP事务一起被发送,因此会浪费一部分发送的cookies时使用的带宽. c:复杂性:要正确的操纵cookies是很困难的. Web Storage分为两种: <1>sessionStorage 将数

1.自定义属性:data- 2.accessKey 快捷选中(Win Alt + accessKey) 3.spellcheck拼写检查,编辑区域有问题词汇划线 4.tabindex tab键切换顺序 不想被选中-1 5.css样式层叠 (作者样式)style属性->style标签->link css->用户样式->浏览器样式 6.对于定义为重要的!important的属性,用户样式凌驾于作者样式 7.同级别按照样式的定义顺序后来者居上,而不是属性的指定顺序 8.与元素外观(文字.

1.compatMode怪异模式 CSS1Compat遵循 BackCompat已触发怪异模式 2.document.location.port 80不返回 3.通过设置document.location.hash实现跳转 4.replace assign document.location.replace会讲当前文档从历史中清除 5.document.readyState loading(浏览器正在加载) interactive(除图片等媒体文件已加载完成) complete(所有资源已加载完

一.生成超链接 1.属性:href.hreflang.media.rel.target.type 2.生成指向外部的超链接:用的最多的协议就是http,但也支持其他协议,如https.ftp.mailto:还可以生成基于图像的超链接 3.使用相对URL:如果href属性值不是以类似http://这样的已知协议开头,那么浏览器会将该超链接视为相对引用,会假定目标资源与当前文档位于同一位置 4.生成内部超链接:超链接也可用于将同一文档中的另一元素移入视野,为此需要用到形如css中针对目标元素的ID选

1 navigator.geolocation.getCurrentPosition(function(position){ 2 var coords=position.coords; 3 console.log(coords.latitude,coords.longitude,coords.accuracy); 4 }, 5 //捕捉错误信息 6 function(error){ 7 var errorType={ 8 1:'位置服务被拒绝', 9 2:"获取不到位置信息", 10