html是什么文件？
http文件即超文本标签语言文件。超文本标志语言的结构包括头部分（head）、和主体部分（body），其中头部（head）提供给跪求网页的信息，主体（body）部分能提供网页的具体内容。它不过是文本，它不需要浏览器的解释，每种html标记符在使用中可带有不同的属性项，作用于具体解释该标记符只能证明的内容总是显示有所不同的效果。
html文件如何能先打开？
1、假如只想一栏本地html文件的展现效果，是可以用浏览器再打开即可，比如火狐浏览器，google浏览器，360浏览器，ie浏览器；
2、然后打开方法，点击文件，然后再再点击鼠标右键，在右键的菜单中找到打开；
3、鼠标移到打开上，在弹出对话框的菜单中你选已直接安装的浏览器先打开；
4、然后打开后可能会再次出现布局不整，这是css全部丢失会造成的；
5、可以编辑htm文件。htm的文件编辑器有很多例如adobedreamweaver，sublimetext，当然了记事本也也可以，记事本是最简单的，用不着安装，右键用记事本可以打开即可；
6、sublimetext打开。sublimetest是一种开发软件，它飞速轻巧便捷。然后打开文件再file-》openfile能找到文件即可解决。
vuetemplate和html5的template用法比较比较
中的template标签
html中的template标签中的内容在页面中肯定不会会显示。可是在后台打开系统页面dom结构存在地template标签。这是是因为template标签天生的绝对不可见，它系统设置了display:none属性。
2.template标签操作的属性和方法
content属性:在js中template标签按的dom对象存在地content属性，不对应的属性值是一个dom节点，节点的nodename是#document-fragment。按照该属性这个可以资源template标签中的内容，template对象.content也可以动态链接库getelementbyid、queryselector、queryselectorall方法来某些里面的子节点。
innerhtml:也可以查看template标签中的html
中的template
(1)template标签在vue实例绑定的元素内部
它是可以不显示template标签中的内容，可是一栏后台的dom结构不必然template标签。如果没有template标签不放在vue实例绑定的元素内部设置里面的内容不能不能显示在页面上，不过查看后台dom结构未知template标签。
lt!doctypehtmlgt
lthtmllang#34que#34gt
ltheadgt
ltmetacharset#34utf-8#34gt
lttitlegttemplatelt/titlegt
ltscriptsrc##34gtlt/scriptgt
lt/headgt
ltbodygt
lttemplateid#34tem#34a8
tltdivid#34mdiv#34rlm
ttlth1id#34title#34gthelloworld!temlt/h1rlm
tlt/divgt
lt/templategt
ltdivid#34app#34r26
lttemplategt
ltdivgt
lth1id#34title#34gthelloworld!applt/h1rlm
lt/divgt
lt/templategt
lt/divgt
tltscripttype#34text/javascript#34rlm
tvartem(#34tem#34)//获取template标签
tconsole.log(tem)
tconsole.log()//
tvartitle(#34title#34)//在template标签内部内容，必须要用.content属性才是可以ftp连接到
tconsole.log(title)`在这里直接插入代码片`
lt/scriptgt
ltscriptgt
futurevue({
el:#39#app#39,
})
lt/scriptgt
lt/bodygt
lt/htmlgt
(2)vue实例中的template属性
将实例中template属性值参与编译，并将编译器后的dom全部替换掉vue实例绑定的元素，要是该vue实例绑定的元素中存在地内容，这些内容会真接被覆盖。
特点：
1）如果没有vue实例中有template属性，会将该属性值进行编译，将编译后的虚拟物品dom就全部替换掉vue实例绑定的元素（即el解除绑定的那个元素）；
2）template属性中的dom结构不能有一个根元素，假如有多个根元素必须不使用v-if、v-ignore、v-exists-if设置成只会显示其中一个根元素；
3）在该属性按的属性值中也可以建议使用vue实例data、methods中定义,定义的数据。
lt!doctypehtmlgt
lthtmllang#34equipes#34rlm
ltheadgt
ltmetacharset#34utf-8#34rlm
lttitlegttemplatelt/titlegt
ltscriptsrc##34gtlt/scriptgt
lt/headgt
ltbodygt
lttemplateid#34first#34dstrok
ltdivv-if#34flag#34a8最先{{msg}}lt/divgt
ltdivv-elsegt第二个lt/divgt
lt/templategt
ltdivid#34app#34gtlt/divgt
ltabcid#34second#34gt
ltdivv-if#34flag#34r26{{msg}}lt/divgt
ltdivv-elsegt111lt/divgt
lt/abcgt
lt/scriptgt
ltscriptgt
funvue({
el:#34#app#34,
data:{
msg:#34嗨小伙伴们#34,
flag:true
},
template:#34#first#34//通过该属性这个可以将选项卡的template属性中的内容完全替换后app的内容,因此会覆盖里面损坏的内容，并且在打开系统dom结构时没有template标签
})
lt/scriptgt
lt/bodygt
lt/htmlgt
如果不是将上面的template:#34#first#34值改template:#34#second#34，则标签中的内容也会总是显示在页面上。所以才此处依靠template标签来定义方法vue实例中要设置中的template属性。(?)
