什么是脚本类型="text/html"的现代用途,这个例子被认为是好用的吗？

Question

有点像......

<script type="text/html" id="this-content1">
<h1>This Header Info One</h1>
<p>This content one. . .</p>
</script>
<script type="text/html" id="this-content2">
<h1>This Header Info Two</h1>
<p>This content two. . .</p>
</script>

...并使用jQuery根据当今标准中的选择器良好实践交换内容？

我正在使用脚本类型="text/html"...来允许动态更改我的内容,并找到许多方法来执行此操作.是否有一个来源可以解释这种方向以及是否有任何标准化的做法.

我看到像......的代码

<div class="thumbnail">
            <# if ( data.uploading ) { #>
                <div class="media-progress-bar"><div></div></div>
            <# } else if ( 'image' === data.type ) { #>
                <img src="{{ data.size.url }}" draggable="false" />
            <# } else { #>
                <img src="{{ data.icon }}" class="icon" draggable="false" />
            <# } #>
        </div>

...嵌套在脚本类型="text/html"标签中,真的不知道为什么它是这样编写的.也只是在主干上弄湿我的喙,如果只想在一个页面中添加内容交换,这看起来有点沉重.

Answer 1

根据脚本标记的HTML5规范,使用设置为任何有效MIME类型<script>的type属性是完全正确的.这包括像text/html或的MIME类型text/plain.

根据脚本标记的HTML4规范,它不是很好:

"作者可以将两种类型的脚本附加到HTML文档:在文档加载时执行一次的那些脚本[和t]在每次特定事件发生时执行的软管"

你不需要骨架来进行模板化.您可以使用例如jQuery或我个人最喜欢的Mustache.js.