canvas教程

你需要知道的22个HTML5技巧(3)

字号+ 作者:H5之家 来源:H5之家 2017-09-08 13:00 我要评论( )

实际上,这是确定浏览器兼容性的一种非常常用的方法。jQuery库利用了这个技巧。上面的代码里,我们创建了一个新的输入元素,并确认pattern属性是否能够被识别。如果能够识别的话,浏览器就支持这个功能,否则就不支

实际上,这是确定浏览器兼容性的一种非常常用的方法。jQuery库利用了这个技巧。上面的代码里,我们创建了一个新的输入元素,并确认pattern属性是否能够被识别。如果能够识别的话,浏览器就支持这个功能,否则就不支持。

<script> if (!'pattern' in document.createElement('input') ) { // do client/server side validation } </script>

记住,这将需要依靠 JavaScript来实现!

21. Mark元素

<mark>元素的主要功能就是在页面中高亮显示那些需要在视觉上向用户突出其重要性的文字。包裹在此 标签里的字符串必须与用户当前的行为相关。例如,如果我在一些博客中搜索“Open your Mind” ,我可以使用在<mark>标签里使用JavaScript 来包裹每一次动作。

<h3> Search Results </h3> <p> They were interrupted, just after Quato said, <mark>"Open your Mind"</mark>. </p> 22. 何时使用<div>

是否还需要使用<div>标签呢?当然需要。例如,如果你想在一个元素里将一段代码包裹住,特别是为了 内容的定位,<div> 将会是非常理想的选择。不过,如果不是上述情况而是要包裹博客文章、或者页脚的链接列表,建议你分别使用 <article>和<nav>元素。

原文  译文

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 【2017最新Web面试题及答案】HTML5常见问题

    【2017最新Web面试题及答案】HTML5常见问题

    2017-09-08 13:08

  • html5 canvas仿支付宝芝麻信用代码

    html5 canvas仿支付宝芝麻信用代码

    2017-09-08 12:15

  • 【HTML5】Canvas标签应用之矩阵变换

    【HTML5】Canvas标签应用之矩阵变换

    2017-09-07 09:13

  • html5+exif.js+canvas+php实现手机上传图片,图片损坏无法打开

    html5+exif.js+canvas+php实现手机上传图片,图片损坏无法打开

    2017-09-04 11:00

网友点评
l