Question

其实我有一个源代码与我，除了下面的代码我完全理解，所以请为我提供这个标签的正确解释。是它

<html lang="en" class="no-js">

程序中的

<html lang="en" class="no-js">
<head>
<meta charset="UTF-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Circular Navigation - Interactive Demo | Codrops</title>
<meta name="description" content="Circular Navigation Styles - Building a Circular     Navigation with CSS Transforms | Codrops "/>
<meta name="keywords" content="css transforms, circular navigation, round navigation,     circular menu, tutorial"/>
<meta name="author" content="Sara Soueidan for Codrops"/>
<link rel="shortcut icon" href="../favicon.ico">
<link rel="stylesheet" type="text/css" href="css/main.css"/>
<script src="js/vendor/modernizr-2.6.2.min.js"></script>
</head>
<body>
<div class="cn-wrapper">
<ul>
<li><a href="#"><span class="icon-picture"></span></a></li>
<li><a href="#" class="active"><span class="icon-headphones"></span></a></li>
<li><a href="#"><span class="icon-home"></span></a></li>
<li><a href="#"><span class="icon-facetime-video"></span></a></li>
<li><a href="#"><span class="icon-envelope-alt"></span></a></li>
</ul>
</div>
<div class="steps">List items are positioned absolutely. Anchor tags inside them are also positioned absolutely, and their size is given so that they are visible at the end of     the      transformation. Red dot represents the container's center.</div>
<button class="play-button">Start Demo</button>
<button class="step-button">Next Step</button>
<button class="reset-button" disabled>Reset</button>
<span><em>*Best experienced in Chrome</em></span>
<ul class="info">
<li>List Item</li>
<li>Nav Container</li>
<li>Anchor inside List Item</li>
<li>Container center</li>
</ul>
<a class="back" href="http://tympanus.net/codrops/?p=16114">
<span>Back to the Codrops Article</span>
</a>
<script src="js/vendor/jquery-1.10.1.min.js"></script>
<script src="js/main.js"></script>
</body>
</html>

Answer 1

“HTML lang属性可用于声明网页的语言或网页的一部分。这是为了帮助搜索引擎和浏览器。” 英语 - en （来自http://www.w3schools.com/tags/ref_language_codes.asp）

“Modernizr特征检测库使用no-js类。当Modernizr加载时，它用js替换no-js。如果禁用JavaScript，则该类保持不变。这允许您编写容易针对任一条件的CSS “。（来自@ Zach_L在What is the purpose of the HTML "no-js" class?中的答案）

Answer 2

你在这里：

html - 标记告诉浏览器这是一个HTML文档，它代表HTML文档的根目录。它是所有其他HTML元素的容器

lang - 告诉

包含内容的语言

类 - 定义样式表中使用的css类。

想要补充一点，我发现，modernizr（http://modernizr.com/docs/）使用了“no-js”类。它的确切内容可以在这里阅读：http://alistapart.com/article/taking-advantage-of-html5-and-css3-with-modernizr

接下来，将类“no-js”添加到元素：



当Modernizr运行时，它将用“js”类替换该类   它允许您在CSS中知道JavaScript是否是   启用。但Modernizr并没有止步于此：它将为其添加课程   它检测到的每个功能，如果是浏览器，则前缀为“no-”   不支持它。所以，你的元素看起来像   这个在页面加载（启用JavaScript）：
<html class=“js canvas canvastext no-geolocation rgba hsla multiplebgs
borderimage borderradius boxshadow opacity cssanimations csscolumns
cssgradients cssreflections csstransforms csstransforms3d
csstransitions video audio localstorage sessionstorage webworkers
applicationcache fontface”>

参考：http://www.w3schools.com/tags/tag_html.asp

Answer 3

来自MDN：

HTML元素（或HTML根元素）表示HTML或XHTML文档的根。所有其他元素必须是此元素的后代。

正如@Buch所说，lang属性表示页面内容所用的语言，而class属性的工作方式与任何其他元素的类属性相同。您展示的那个通常在诸如modernizr之类的javascript库进行功能检查时使用，因此在您的JavaScript中，您可以检查body标签上是否存在不同的类，以确定当前浏览器支持哪些功能。

- Edit-- 对于语言W3.org，我们会解释各种语言代码的含义：en代表英语。{/ p>

Answer 4

http://www.w3schools.com/tags/ref_language_codes.asp表示lang =“en”

和

What is the purpose of the HTML "no-js" class? for class =“no-js”（class属性的主要用途是用作css或脚本语言中的选择器）

Answer 5

html标签包装任何html页面。 Lang是用于指定内容所在语言的属性，class是用于在CSS或jQuery中选择标记的类属性。

这个HTML标签到底是做什么用的？

5 个答案: