首页 20个你不知道的HTML5新特征和窍门【WeX5低调转载】

20个你不知道的HTML5新特征和窍门【WeX5低调转载】

举报
开通vip

20个你不知道的HTML5新特征和窍门【WeX5低调转载】20个你不知道的HTML5新特征和窍门【WeX5低调转载】 Jeffrey Way曾发表过一篇博文28 HTML5 Features, Tips, and Techniques you Must Know 讲述了28个HTML5特征窍门和技术,张鑫旭将本文进行了翻译,并做了适当整理,WeX5编现转载于此,并附上一个H5实际演示案例,大家直接点击即可体验H5的强大效果H5 App已势不可挡,WeX5开发工具籍此希望尽可能地提醒帮助移动应用开发者抓住大势全文如下: 前端的发展如此之迅猛,一不留神,大侠你可能就会被远远地...

20个你不知道的HTML5新特征和窍门【WeX5低调转载】
20个你不知道的HTML5新特征和窍门【WeX5低调转载】 Jeffrey Way曾发表过一篇博文28 HTML5 Features, Tips, and Techniques you Must Know 讲述了28个HTML5特征窍门和技术,张鑫旭将本文进行了 翻译 阿房宫赋翻译下载德汉翻译pdf阿房宫赋翻译下载阿房宫赋翻译下载翻译理论.doc ,并做了适当整理,WeX5编现转载于此,并附上一个H5实际演示案例,大家直接点击即可体验H5的强大效果H5 App已势不可挡,WeX5开发工具籍此希望尽可能地提醒帮助移动应用开发者抓住大势全文如下: 前端的发展如此之迅猛,一不留神,大侠你可能就会被远远地甩在后面了如果你不想被HTML5的改变/更新搅得不知所措的话,可以把本文的内容作为必须了解的热身课程 一新的Doctype doctype中文意思指文档类型 使用新的HTML5文档类型代替吧你会活得更久 您可能会对这段代码究竟靠不靠谱表示怀疑不用担心,如今这是可行的,只有老的浏览器需要一个特定的doctype(文档类型)浏览器如果不知道doctype,就会很简单的以 标准 excel标准偏差excel标准偏差函数exl标准差函数国标检验抽样标准表免费下载红头文件格式标准下载 模式对包含的标签进行渲染 二图形元素(The Figure Element ) 看看下面给图片添加的标示: About image

Image of Mars.

文字裹在p标签里,与img标签各行其道,很难让人联想到这就是标 快递公司问题件快递公司问题件货款处理关于圆的周长面积重点题型关于解方程组的题及答案关于南海问题 HTML5通过采用
元素对此进行了改正当合
元素组合使用时,我们就可以语义化地联想到 这就是图片相对应的标题
About image

This is an image of something interesting.

重新定义 还在不久前,元素被用来创建靠近logo且相关的副标题这是个很有用的表现元素,但是,现在,这种用法可能就不正确了元素已经被重新定义了,指小字,因而更具可用性试想下你网站底部的版权状态,根据对此元素新的HTML5定义,可以正确地包裹这些信息 四脚本(scripts)和链接(links)无需type 您可能现在仍在给link和script标签增加type属性 这已经是老黄花菜,非必需品了这意味着,这些标签都各自指向样式表和脚本因此,我们可以把type属性一起干掉 五引号还是不要引号 这确实是个问题记住,HTML5不是XHTML,要是你不愿意,你没有必要非得用引号标记包裹你的属性,没有必要非得闭合元素换句话说,只要你自己觉得舒服,就没有什么对错之分对于我自己来说就是如此

Start the reactor. 对此取舍你还得自己拿主意如果你更倾向于结构化的文档,就算天塌下来,也要把引号牢牢拽在怀里 最新的浏览器有个很赞的新属性可以应用到元素上,叫做contenteditable顾名思义,就是允许用户元素内容包含的任意文本,包括子元素类似的用途还有很多,像是简单的待办事项清单应用程序,可**利用其本地存储的优势

  • 反手摸到肚脐身材好
  • 最帅售票员
  • 带着婚纱去蜜月
或者,根据前面所学到的一些技巧,我们可以把它写成:
    七Email输入(Inputs) 如果我们给表单输入框应用名为email的type属性,我们可以命令浏览器只允许符合有效的电子邮件地址结构的字符串没错,内置表单验证即将到来,由于一些显而易见的原因,我们还不能100%依赖内置验证,较旧的浏览器不认识这个email型,它们会简单地退回到普通文本框
    还应当指出,当谈到哪些元素和属性支持和不支持时,当前所有的浏览器都有点靠不住的例如Opera似乎支持电子邮件验证,但仅在name属性被指定的时候而且,它不支持占位符属性,这个我们将会在后面学到底线是不依赖于这种形式的验证但你仍然可以使用它! 八占位符(Placeholders) Placeholders什么意思呢,就是文本框/文本域空间默认会有个文字提示,获得焦点时,此提示文字消失;失去焦点时如果内容为空,提示文字又出现 这些表单控件里面显示的些提示性的文字就是占位符按照以往的做法,我们需要使用一点JavaScript代码实现占位符效果, 当然,你需要设定一个初始的默认的value值,然后根据输入内容进行判断,从而决定文本框值的改变与否如果您使用占位符(placeholders)属性,一切就轻松了 根据我的测试,目前至少webkit核心的浏览器是支持placeholders属性的,像Chrome,Safari. 九本地存储(Local Storage) 多亏了本地存储,我们可以让高级浏览器记住我们的后的内容,即使浏览器被关掉或是页面刷新关于本地存储(离线存储)可以参见上一期内容吓哭原生App的HTML5离线存储技术,却出乎意料的容易! 十语义的Header和Footer 那些过往的日子: div嘛,很自然的,没有语义化的结构即使在应用了id后现在,通过HTML5,我们可以使用
    元素以上的代码可以替换成:
    它完全适合您有多个页眉和页脚的项目 尽量不要混淆header和footer这些元素他们只是指他们的容器因此,将博客底部的,例如,元信息放在footer元素内部是说得通的这同样也适用于header 十一IE和HTML5(Internet Explorer and HTML5) 不幸的是,讨厌的IE浏览器需要动点小手术才能理解新的HTML5元素 所有元素,默认的,都有个inline的display 为了确保所有新的HTML5元素能以block水平的元素正确地渲染,有必要对其做如下定义: header, footer, article, section, nav, menu, hgroup { display: block; 不幸的是,IE仍旧忽略这些样式,因为它不知道这些标签从哪里来的,好比是header元素为了更简单将此应用到每个新的应用过程中,雷米夏普(Remy Sharp)创建了一个脚本,通常称为HTML5 shiv该脚本同样修复了些显示问题 十二文档某一部分的信息(hgroup) 想象一下,在我的网站的标题,我有我的站点的名称,随后立即由一个副标题虽然我们可以使用一个

    标签,为其分别创造标记,但是依旧没有(因为HTML4)一个简单的方法来语义上说明了两者之间的关系此外,一个h2标记的使用提出了更多的问题,在层次结构上,当涉及到其他网页上显示的标题时通过使用不影响文档的大纲流hgroup元素,我们可以将这些标题组合在一起

    Recall Fan Page

    Only for people who want the memory of a lifetime.

    十三必要的属性(Required Attribute ) 表单允许新的必要属性,用来指定是否需要特殊的input这取决于你的代码偏好,你可以以下面两种方式之一申明此属性 或者,使用更结构化的方法: 两种方法都行 下面是一个简单的例子,我们还将添加占位符属性,因为没有理由不这样做
    十四Autofocus属性 同样,HTML5的解决 方案 气瓶 现场处置方案 .pdf气瓶 现场处置方案 .doc见习基地管理方案.doc关于群访事件的化解方案建筑工地扬尘治理专项方案下载 消除了对JavaScript的需要如果一个特定的输入应该是选择,或有重点的,默认情况下,我们现在可以利用自动获取焦点属性 有趣的是,虽然我个人更倾向于喜欢XHTML的方法(用引号,等等),写作autofocus=autofocus让人感到有点怪因此,我们将坚持使用单一关键字的方法 十五Audio支持 我们无需再依赖第三方插件区渲染音频HTML5提供了

本文档为【20个你不知道的HTML5新特征和窍门【WeX5低调转载】】,请使用软件OFFICE或WPS软件打开。作品中的文字与图均可以修改和编辑, 图片更改请在作品中右键图片并更换,文字修改请直接点击文字进行修改,也可以新增和删除文档中的内容。
该文档来自用户分享,如有侵权行为请发邮件ishare@vip.sina.com联系网站客服,我们会及时删除。
[版权声明] 本站所有资料为用户分享产生,若发现您的权利被侵害,请联系客服邮件isharekefu@iask.cn,我们尽快处理。
本作品所展示的图片、画像、字体、音乐的版权可能需版权方额外授权,请谨慎使用。
网站提供的党政主题相关内容(国旗、国徽、党徽..)目的在于配合国家政策宣传,仅限个人学习分享使用,禁止用于任何广告和商用目的。
下载需要: 免费 已有0 人下载
最新资料
资料动态
专题动态
is_281650
暂无简介~
格式:doc
大小:12KB
软件:Word
页数:0
分类:生活休闲
上传时间:2017-06-05
浏览量:26