vuejtl和html文件的区别

Posted bullshit

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vuejtl和html文件的区别相关的知识,希望对你有一定的参考价值。

ftl(freemaker)

jsp(jstl)

举例:html

ftl

 

HTML文件和Bootstrap模板 的区别

刚学这东西,一头雾水,我想问下HTML文件和Bootstrap模板 的区别,下面的是html文件
<!DOCTYPE html>
<html>
<head>
<title>Bootstrap 101 Template</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<h1>Hello, world!</h1>
<script src="http://code.jquery.com/jquery.js"></script>
</body>
</html>
下面的是Bootstrap模板,包含了相应的 CSS and JS 文件
<!DOCTYPE html>
<html>
<head>
<title>Bootstrap 101 Template</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
</head>
<body>
<h1>Hello, world!</h1>
<script src="http://code.jquery.com/jquery.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>
为什么加上 CSS and JS 文件就成为bootstrap模版了?去了他俩我一样可以运行出结果啊

参考技术A

你引入bootstrap的css和js文件后,就可以使用bootsrap的相关的类了。比如:

<h1 class="text-uppercase">Hello, world!</h1>

结果显示为大写。当你没引入bootstrap的css和js文件时,上面这条语句是不起作用的。

也就是说,你上面贴出的结果虽然显示一样,都是hellow word,是因为你虽然引入了Bootsrap的相关文件,但并没使用它,当然结果一样。

参考技术B Bootstrap 是CSS/HTML框架 封装好有很多样式属性,要用时候直接调用就可以了。追问

怎么调用啊

以上是关于vuejtl和html文件的区别的主要内容,如果未能解决你的问题,请参考以下文章

HTML文件和Bootstrap模板 的区别

本地主机和打开html文件的区别

html5与传统html区别

除了扩展名之外,.json、.txt、.html、.css 和 .js 文件之间有啥区别吗?

将css文件的引入放在和放在其他地方有啥区别

find指令下的ctimemtime和atime的区别