什么是 {block:Hidden} 以及何时使用？答案

【问题标题】：What is the {block:Hidden} and when is it used?什么是 {block:Hidden} 以及何时使用？
【发布时间】：2014-05-26 18:57:21
【问题描述】：

    {block:Hidden}
    <meta name="if:Sliding header" content="1">    
    <meta name="if:Collapse navigation" content="1">
    <meta name="if:Endless scrolling" content="1">

    <meta name="select:Layout" content="regular" title="Regular">
    <meta name="select:Layout" content="narrow" title="Narrow">
    <meta name="select:Layout" content="grid" title="Grid">

    <meta name="text:Disqus shortname" content="">
    <meta name="text:Google analytics ID" content="">
    {/block:Hidden}

    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="apple-mobile-web-app-capable" content="yes">

这似乎是一个显而易见的问题，但我是一名刚开始尝试自学网页设计的网页设计师。我知道这些“块”是特定于 Tumblr 的，但不知道为什么这里需要 {block:Hidden}。我假设这些元 if 和名称已经被隐藏了。为什么隐藏块中{/block:Hidden} 之后的两行没有？

【问题讨论】：

我更新了我的答案以消除一些困惑。元标记是不可见的，但它们仍然出现在 HTML 代码中。

标签： tumblr hidden

【解决方案1】：

元标记不是由浏览器呈现，就像<head> 中的所有其他标记一样。它们在那里，但对用户“不可见”。有些被浏览器读取，有些被搜索引擎读取，在这种情况下，有些被 Tumblr 读取。

由于 Tumblr 本身之外通常不需要 Tumblr 的元标记（或主题选项），因此您可以使用 {block:Hidden} 防止它们出现在生成的 HTML 中，从而节省带宽。

{block:Hidden} 不在文档中，因为它不存在。因此，Tumblr 从不显示其内容。 {block:NOPE} 或任何其他不存在的块都将以相同的方式工作。

该块之外的元标记与 Tumblr 无关；它们需要出现在生成的代码中，从而被发送到浏览器。如果你想了解更多，这里有一篇文章about the viewport meta tag。

【讨论】：

除了浏览器渲染之外，还有更多render 步骤。例如，您的服务器可以将所有 html 呈现给客户端。然后客户端解析渲染的 html 并渲染页面...

【解决方案2】：

{block:Hidden} 块之间的内容不会在客户端/源上呈现。

这些元标记用于定义主题中使用的变量。它们将由 Tumblr 呈现，但不会出现在客户端/源代码中。

仍然有用的块资源：http://www.tumblr.com/docs/en/custom_themes

【讨论】：

谢谢，我知道 tumblr 自定义主题帮助，但是很多块在他们的资源上没有解释。我仍然难以理解。即使我没有这些块，这些变量似乎也不会呈现到输出中。
但是带有viewport 的那个是呈现给客户端的，对吧？如果你把它放在块内？
对不起，我不知道视口元标记的作用，所以我无法检查它是否呈现给客户端。基本上我知道当您在 tumblr 的自定义页面中时，隐藏块中的元标记会向主题选项菜单添加选项，但我不明白为什么您需要隐藏块来隐藏它。
会在代码中呈现，一对一，无变化