Question

我有以下Jade代码，但它错误地生成了HTML代码。某些标记不会生成结束标记。请找到相同的Jade和相应的HTML代码：

玉码：

doctype html
html(ng-app="eperf", ng-controller="appCntrl as ac", xmlns="http://www.w3.org/1999/xhtml", xmlns:th="http://www.thymeleaf.org", xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity3")
  head
    title(ng-bind="ac.pageTitle()") AESOP
    meta(name='viewport', content="width=device-width, initial-scale=1")
    link(href="lib/bootstrap/3.3.1/css/bootstrap.css", rel="stylesheet")

生成的HTML代码：

<!DOCTYPE html>
<html ng-app="eperf" ng-controller="appCntrl as ac" xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org" xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity3">
  <head>
    <title ng-bind="ac.pageTitle()">AESOP</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="lib/bootstrap/3.3.1/css/bootstrap.css" rel="stylesheet">
  </head>
</html>

<meta>和<link>标记缺少结束标记。我正在使用this在线工具进行测试。有人可以让我知道我的Jade代码的问题吗？

Answer 1

您的代码是正确的。有些标签是自动关闭标签，但它们不需要关闭，因为符合HTML5标准的浏览器会自己添加结束标签。

http://tiffanybbrown.com/2011/03/23/html5-does-not-allow-self-closing-tags/

玉代码不生成结束标记

1 个答案: