H5 APP开发必读,20个你不知道的Html5新特征和窍门

上网导航 2023-10-03 284 0条评论
摘要: Jeffrey Way曾发表过一篇博文《28 HTML5 Features, Tips...

Jeffrey Way曾发表过一篇博文《28 HTML5 Features, Tips, and Techniques you Must Know 》讲述了28个HTML5特征、窍门和技术,张鑫旭将本文进行了翻译,并做了适当编辑整理,WeX5君现转载于此,并附上一个H5实际演示案例,大家直接点击即可体验H5的强大效果。H5 App已势不可挡,WeX5开发工具籍此希望尽可能地提醒、帮助移动应用开发者抓住大势。全文如下:

前端的发展如此之迅猛,一不留神,大侠你可能就会被远远地甩在后面了。如果你不想被HTML5的改变/更新搅得不知所措的话,可以把本文的内容作为必须了解的热身课程。

一、新的Doctype

”doctype”中文意思指“文档类型”

使用新的HTML5文档类型代替吧。你会活得更久 您可能会对这段代码究竟靠不靠谱表示怀疑。不用担心,如今这是可行的,只有老的浏览器需要一个特定的doctype(文档类型)。浏览器如果不知道doctype,就会很简单的以标准模式对包含的标签进行渲染。

二、图形元素(The Figure Element )

看看下面给图片添加的标示:

Image of Mars.

文字裹在p标签里,与img标签各行其道,很难让人联想到这就是标题。

HTML5通过采用元素对此进行了改正。当合元素组合使用时,我们就可以语义化地联想到

这就是图片相对应的标题

This is an image of something interesting.

三、重新定义

还在不久前,元素被用来创建靠近logo且相关的副标题。这是个很有用的表现元素,但是,现在,这种用法可能就不正确了。元素已经被重新定义了,指小字,因而更具可用性。试想下你网站底部的版权状态,根据对此元素新的HTML5定义,可以正确地包裹这些信息。

四、脚本(scripts)和链接(links)无需type

您可能现在仍在给link和script标签增加type属性。

这已经是老黄花菜,非必需品了。这意味着,这些标签都各自指向样式表和脚本。因此,我们可以把type属性一起干掉。

五、引号还是不要引号

…这确实是个问题。记住,HTML5不是XHTML,要是你不愿意,你没有必要非得用引号标记包裹你的属性,没有必要非得闭合元素。换句话说,只要你自己觉得舒服,就没有什么对错之分。对于我自己来说就是如此。

Start the reactor.

对此取舍你还得自己拿主意。如果你更倾向于结构化的文档,就算天塌下来,也要把引号牢牢拽在怀里。

六、内容可编辑

最新的浏览器有个很赞的新属性可以应用到元素上,叫做contenteditable。顾名思义,就是允许用户编辑元素内容包含的任意文本,包括子元素。类似的用途还有很多,像是简单的待办事项清单应用程序,可大大利用其本地存储的优势。

或者,根据前面所学到的一些技巧,我们可以把它写成:

文章版权及转载声明:

作者:上网导航本文地址:https://www.90xe.com/post/5462.html发布于 2023-10-03
文章转载或复制请以超链接形式并注明出处技术导航

分享到:

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏