关于<html>标签里的class= no-js

最近研究bootstrap的时候，发现了一个案例网站有一段 <html class="no-js"> 然后问了下度娘，找到了一篇大神的文章

里面对这个有很详细的解释：

为什么网页 code 有 class="no-js" ？
<!DOCTYPE html>
<html dir="ltr" lang="en-US" class="no-js">
<head>
<meta charset="utf-8">
其实，这个 no-js 是配合 Modernizr 一起使用的类名（class）

Modernizr 是一个 javascript 库，检查你的游览器是否支持 CSS3 或者 HTML5 的特性而自动添加一些类名（class）到 <html> 并替换掉原来的 .no-js（简单来说，Modernizr 就是一个CSS3/HTML5 的测试器，你需要测试什么，这可以到它的官方网站配置，选择自己需要测试的元素）。

还有让你的游览器支持 HTML5 中的新的标签，例如：<nav>, <header>, <footer> 和 <figure>

Modernizr 官方网站：http://modernizr.com/

关于Moderniz 的具体使用方法和解释，请参照大神的文章：

http://blog.justwd.net/2012/02/about-no-js/

通过大神的文章，我又发现了一个新的东东：html5shiv

关于 html5shiv 解释：
1、html5shiv 只是个 javascript 库，只有一个功能，就是让 Internet Explorer 6-8 支持 HTML5 的标签，例如 article，section，aside，video 等等……
2、Modernizr 默认包含了这个库
3、使用 html5shiv，配合 conditional comment。你也不想支持的游览器加载多余的东西吧（IE9+ 是支持 HTML5的）：

<!--[if lt IE 9]>
    <script src="assets/js/html5shiv.js"></script>
<![endif]-->

时间： 2025-01-21 20:38:55

关于<html>标签里的class= no-js的相关文章

javascript正则找script标签, link标签里面的src或者 href属性

1. [代码]javascript 简单的search <script(?:(?:\s|.)+?)src=[\"\'](.+?)[\"\'](?!\<)(?:(?:\s|.)*?)(?:(?:\/\>)|(?:\>\s*?\<\/script\>)) <script src="sdfsdf/sdfd.js" type="text/javascript" /><scr

操作标签里的标签

遇到多个li标签内分别有多个a标签该如何操作到每一个a标签 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>操作标签里的标签</title> <script type="text/javascript" src="../js/jquery-1.7.1.min.js&qu

将javascript函数写在Html标签里

有些时候不想把函数写在script标签里了,想直接在html标签里直接加上js代码,可以这样写: <body > 如果是写在script标签里的话就是: <script> function tiao(){ window.location.href="http://www.speedtest.cn/" } </script> <body > 在这种情况下,第一种方法就简单点了.

demo15-获取标签里面的值

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title>  <script type="text/javascript"> //表示窗口的意思,onload表示加载js里面

<a>标签里的<img>标签点击虚线框

<a href="#"> <img src="" /> </a> 当img嵌套在a标签里,点击时,会出现虚线框,如何去掉虚线框?css代码如下: a{outline:none;} a:active {outline:none;blr:expression(this.onFocus=this.blur());} img,a .img{border:0} html标签如下: <a href="#" onfoc

String强制转换为Date，freemarker标签里date数据的显示问题

String强制转换为Date,freemarker标签里date数据的显示问题 http://blog.sina.com.cn/s/blog_617f5d090101ut63.html (2014-05-16 16:44:34) 转载▼ 分类: 工作解决了两个问题 1. String强制转换为Date SimpleDateFormat format=new SimpleDateFormat("yyyy-MM-dd"); String dateStr = request.g

jsp的C标签一般使用方法以及js接收servlet中的对象及对象数字

jsp的C标签一般使用方法以及js接收servlet中的对象及对象数组由于现流行的javaWeb框架提倡前后端分离,比如在SpringMvc中已经很少写servlet的一些东西:目前前端jsp中大多是一些纯html和js,很少用到jstl的一堆东西,后端也仅仅处理一些前端的post.get请求或页面跳转,无须以往繁琐的xml路径映射和filter过滤. 不过有时也会用到servlet作用域中的一些东西,比如某个固定的值.上下文路径等等~,不过这些东西大多数也仅限于取值而不是设置值(或对象),

在<s:iterator>标签里给动态表格添加序号

在<s:iterator>标签里给动态表格添加序号,需要用到<s:iterator>标签里的Status属性里的count eg:<s:iterator value="" var="" status="st"> <tr> <td><s:property value=&

canvas画布的宽高应写在<canvas>标签里

以前用canvas画图时,都是直接在canvas标签里直接写上宽高,没有问题,但也没有探究过为什么宽高要直接写在canvas标签里,因为各个资料的例子上都是这么写的.今天王sir提出了一个问题:如果把宽高写在<style>里,看看会有什么不同.自己试了以下,果然有问题. 先看一下代码: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>canva

如何在一个div标签里显示出另一个网页？ <iframe src=" http://www.baidu.com " width="800px" height="200px" scrolling="no" frameborder="0"> </iframe>

如何在一个div标签里显示出另一个网页? 用在div里用iframe,就像下面的代码 <iframe src=" http://www.baidu.com " width="800px" height="200px" scrolling="no" frameborder="0"> </iframe>