详细说明HTML5中的标签
HTML5模板元素的第一个面
这个元素,基本上可以在2013中确定。为什么使用它,顾思维,就是要声明模板元素;。
目前,我们将模板HTML嵌入到HTML中,它通常类似于这样的编写方法:
xml代码将内容复制到剪贴板。
…
事实上,并没有标准的写类似类型文本
在过去,我们可能使用或废除的HTML代码,不转移,并实施一些具体的前端功能,而且,在流行的用法一样,都是不规范的。在未来,它是明确的,标签是国王。然而,相容性是一个不容忽视的问题,所以,即使很小,实际的价值是有限的,所以在这里只是简单的介绍。
二、HTML5模板元素复合
看看下面四个嵌套的HTML图像,图片内容不会显示,也不会有请求。
xml代码将内容复制到剪贴板。
1。标签的内容隐藏
这真讨厌。
对于文本域,嵌套的HTML片段被认为是文本域的值。但是,文本字段本身是可见的,因此显示的附加设置:无需;
它是一个非常古老和特殊的属性,而语义就是例子,据说它后来被标签代替了。事实上,目前所有浏览器都支持,但它不能与标签等同,它有一个标签,显示一幅图片和一段HTML代码,但同样,内容不显示,以及显示的附加设置:无需;
没有显示:上面标签上没有显示,没有被注意到,为什么这只是标签元素的原始特性,自然显示:没有,而且模板元素的内部内容不是由死者呈现的。因此,不需要设置隐藏。这是HTML5标记元素的一个特性:标记内容隐藏。
2。标签位置的随意性
除了顶部元素的自然隐藏外,标签还有另一个特点,即位置随机性,它非常相似或标记,可以在、或在、或之间。
三.子节点失效
虽然肉眼看起来有很多内部的标签标签,这种惯性不是用在这里。假设变量模板标签得到DOM(很多HTML代码里面),你会发现template.childnodes空大屁。我们可以用template.innerhtml得到完整的HTML片段。如果你要得到伪元素;有一种方法来做,好了,睁开你的眼睛,使用内容属性。
template.content将返回一个文件片段,你可以把它理解为另一个文件中,然后使用API查询下的文件,你可以在标签的伪,子元素。例如,第一个画面元素:
CSS代码将内容复制到剪贴板。
无功image_first = template.content.queryselector(IMG);
三、HTML5模板元素端面
您可以点击这里:HTML5模板模板元素体验演示
模板元素和CSS
如果浏览器有眼,是一个普通的有眼不识泰山,自定义显示的元素,这将使以下这样子,与一般的标签绘制按照内部标签。
如果浏览器跟上时代的步伐,显示将是以下的,具有自己的CSS渲染,和内部标签是直接不同的空间,如铬:
也就是说,虽然从CSS的角度来看,是一种常见的元素,但与CSS打得火热,从HTML的角度来看,土壤像sharingan,可以使内部的标签转移到另一个空间,一种罕见的血线。
默认情况下,默认是隐藏的,实际上是使用以下属性的显示属性。一目了然:
window.getcomputedstyle(模板。显示); / /结果是没有
结果,在演示中设置了以下CSS声明:
CSS代码将内容复制到剪贴板。
模板{显示:块;…}
克隆的模板
如果你正在处理的HTML字符串,类似于流行的MVC框架或模板技术,template.innerhtml是不够的。然而,更厉害的是,内部的内容只能作为一个字符串。虽然它存在于不同的空间中,但仍然可以通过节点获取。
CSS代码将内容复制到剪贴板。
VaR克隆= document.importnode(template.content,真的);
然后,你可以加载模板的内容和附加节点(appendChild),而不是加载模板的内容(没有选择)追加字符串。标题是介绍因此,它不会膨胀,也不会给出具体的例子。如果您感兴趣,可以参考本文结尾处的参考文章。
四、HTML5模板面试总结
因此,元素的行为,以及一些方法基本上有了一个大致的了解,如果这是面试,我的评价是很高的,特殊武器特殊场景的使用,如不同;空间;设计又是全国人民代表大会揭幕,这件比HTML5元素如更受欢迎,更多的关注和更大的潜力。
接近结束时,把兼容性表,IE浏览器拖后腿,但我说它非常安静,因为IE已经麻木了!
兼容性