用于布局的页面元素标记
用于布局的页面元素标记
布局模板的
<body>部分主要由网页栏目和窗口小部件组成。栏目用于划分网页的各个区，例如侧边栏、页脚等。窗口小部件是各种页面元素，例如图片、blogroll 或其他您想从"页面元素"标签中添加的任何元素。您可以在模板的栏目周围加入任何所需的 HTML 代码。模板中的每个栏目都有一个起始标记和一个结束标记，看起来像这样：
<b:section id='header' class='header' maxwidgets="1" showaddelement="no">
</b:section>
<b:section>标记可包含下列属性：
- id - （必需）独一无二的名称，只包含字母和数字。
- class - （可选）公共类别名称为"navbar"、"页眉"、"主"、"侧边栏"和"页脚"。如果您在稍后切换模板，这些名称可帮助 Blogger 确定如何以最好的方式转移您的内容。不过，您也可根据需要使用其他名称。
- maxwidgets - （可选）在此栏目内允许的窗口小部件的最大数量。如果未指定，表示没有限制。
- showaddelement - （可选）可为"是"或"否"，"是"为默认选项。此属性可决定"页面元素"标签是否要在此栏目中显示"添加页面元素"链接。
- growth - （可选）可为"水平"或"垂直"，"垂直"为默认选项。此属性可决定此栏目中的窗口小部件是并排还是堆叠。
栏目中只能包含窗口小部件，不可包含其他栏目或其他代码。如果您需要在栏目内的特定窗口小部件之间或周围插入其他代码，需要将该栏目拆分为两个或两个以上的新栏目。
在最简单的表单中，窗口小部件由单个标记表示，此标记只起到占位符的作用，指示应如何在"页面元素"标签中对其进行处理。所有给定窗口小部件的实际数据都存储在 Blogger 数据库中，只有需要显示该窗口小部件时才能访问。窗口小部件的部分示例如下（一个用于页面标题，另外一个用于列表）：
<b:widget id="header" type='HeaderView' locked="yes"/>
<b:widget id="myList" type='ListView' locked="no" title="My Favorite Things"/>窗口小部件可具有下列属性：
- id - （必需）此属性只能包含字母和数字，且模板中的每个窗口小部件 ID 必须是独一无二的。窗口小部件并新建一个小部件，就无法更改窗口小部件 ID。
- type - （必需）此属性指示窗口小部件的种类，且必须为下列有效类型之一。
- locked - （可选）可为"是"或"否"，"否"为默认选项。无法从"页面元素"标签中移动或删除已锁定的窗口小部件。
- title - （可选）窗口小部件的显示标题。如果未指定，则会使用"List1"之类的默认标题。
- pageType - （可选）可为"全部"、"归档"、"主"或"项目"，其中"全部"为默认选项。窗口小部件只会在您博客的指定页面中显示。（无论其 pageType 为何，所有窗口小部件都会在"页面元素"标签中显示。）
您可指定的窗口小部件类型如下：
- 博客归档
- 博客
- 供稿
- 标题
- HTML
- 单张图片
- 链接列表
- 列表
- 徽标
- 博客个人资料
- Navbar
- VideoBar
- NewsBar
每个窗口小部件也可扩写为扩展的表单，详细描述窗口小部件的完整布局和内容。如果您从"修改 HTML"标签下载模板作为备份，这就是您会看到的内容示例。通常，您不需要在此模式中处理窗口小部件，因为直接从"页面元素"标签中进行修改会更加简单。不过，如果您想了解更多详情，可以参阅窗口小部件标记详述。
注意：在您已发布的博客中，所有
<b:section>和<b:widget>标记都将由具有指定 ID 的<div>标记替换。因此，您可以尽量引用您的 CSS (例如div.header或div.myList)。
0 评论:
发表评论