如何写html页面模板

编写HTML页面模板需遵循结构化原则。首先,使用``声明文档类型。接着,创建``根标签,内含``和``两部分。在``中定义页面的元数据,如``、`<meta>`标签。`<body data-rsssl=1>`部分则是页面的主体内容,包括文本、图片、链接等。利用语义化标签如`</p> <header>`、`</p> <nav>`、`</p> <section>`、`</p> <footer>`提升代码可读性。最后,通过CSS样式表进行页面美化。</p> </div> <div class="entry-content"> <p><img decoding="async" src="https://su.bcebos.com/ruciai-prod/content/21/c364513c855fd98d7dca3a2eb6f7c516.jpeg?x-bce-process=image/resize,m_fixed,w_1000,h_500" alt="image" />source from: pexels</p> <div id="ez-toc-container" class="ez-toc-v2_0_74 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction"> <div class="ez-toc-title-container"> <p class="ez-toc-title" style="cursor:inherit">目录</p> <span class="ez-toc-title-toggle"><a href="#" class="ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle" aria-label="Toggle Table of Content"><span class="ez-toc-js-icon-con"><i class="ez-toc-toggle-el"></i></span></a></span></div> <nav><ul class='ez-toc-list ez-toc-list-level-1 eztoc-toggle-hide-by-default' ><li class='ez-toc-page-1 ez-toc-heading-level-1'><a class="ez-toc-link ez-toc-heading-1" href="#25E525BC259525E825A8258025EF25BC259A25E625B725B125E5258525A525E72590258625E825A725A3HTML25E925A125B525E9259D25A225E625A825A125E6259D25BF25E7259A258425E725BC259625E52586259925E8258925BA25E6259C25AF" >引言:深入理解HTML页面模板的编写艺术</a></li><li class='ez-toc-page-1 ez-toc-heading-level-1'><a class="ez-toc-link ez-toc-heading-2" href="#25E425B8258025E325802581HTML25E925A125B525E9259D25A225E625A825A125E6259D25BF25E7259A258425E5259F25BA25E6259C25AC25E725BB259325E6259E2584" >一、HTML页面模板的基本结构</a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class="ez-toc-link ez-toc-heading-3" href="#125E32580258125E62596258725E625A125A325E725B125BB25E5259E258B25E525A325B025E62598258E25EF25BC259A" >1、文档类型声明:</a></li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class="ez-toc-link ez-toc-heading-4" href="#225E32580258125E625A025B925E625A0258725E725AD25BE25EF25BC259A" >2、根标签:</a></li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class="ez-toc-link ez-toc-heading-5" href="#325E32580258125E525A425B425E9258325A825E625A0258725E725AD25BE25EF25BC259A" >3、头部标签:</a></li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class="ez-toc-link ez-toc-heading-6" href="#425E32580258125E425B825BB25E425BD259325E625A0258725E725AD25BE25EF25BC259A" >4、主体标签:</a></li></ul></li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class="ez-toc-link ez-toc-heading-7" href="#25E425BA258C25E32580258125E525A425B425E9258325A825E625A0258725E725AD25BE253C_head_253E25E7259A258425E825AF25A625E725BB258625E92585258D25E725BD25AE" >二、头部标签< head >的详细配置</a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class="ez-toc-link ez-toc-heading-8" href="#125E32580258125E625A0258725E925A2259825E625A0258725E725AD25BE25EF25BC259A253C_title_253E" >1、标题标签:< title ></a></li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class="ez-toc-link ez-toc-heading-9" href="#225E32580258125E52585258325E6259525B025E6258D25AE25E625A0258725E725AD25BE25EF25BC259A253C_meta_253E" >2、元数据标签:< meta ></a></li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class="ez-toc-link ez-toc-heading-10" href="#325E32580258125E9259325BE25E6258E25A525E625A0258725E725AD25BE25EF25BC259A253C_link_253E" >3、链接标签:< link ></a></li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class="ez-toc-link ez-toc-heading-11" href="#425E32580258125E82584259A25E6259C25AC25E625A0258725E725AD25BE25EF25BC259A253C_script_253E" >4、脚本标签:< script ></a></li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class="ez-toc-link ez-toc-heading-12" href="#25E425B8258925E32580258125E425B825BB25E425BD259325E625A0258725E725AD25BE25E7259A258425E52586258525E525AE25B925E525B8258325E525B12580" >三、主体标签的内容布局</a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class="ez-toc-link ez-toc-heading-13" href="#1_25E825AF25AD25E425B9258925E5258C259625E625A0258725E725AD25BE25E7259A258425E425BD25BF25E7259425A825EF25BC259A_25E325802581_25E325802581_25E325802581" >1. 语义化标签的使用: 、 、 、</a></li></ul></li></ul></li></ul></li><li class='ez-toc-page-1 ez-toc-heading-level-1'><a class="ez-toc-link ez-toc-heading-14" href="#25E725BD259125E725AB259925E625A0258725E925A22598" >网站标题</a><ul class='ez-toc-list-level-2' ><li class='ez-toc-heading-level-2'><a class="ez-toc-link ez-toc-heading-15" href="#25E52586258525E525AE25B925E625A0258725E925A22598" >内容标题</a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class="ez-toc-link ez-toc-heading-16" href="#2_25E62596258725E6259C25AC25E52586258525E525AE25B925E7259A258425E725BB258425E725BB258725EF25BC259A_-_25E325802581" >2. 文本内容的组织: - 、</a></li></ul></li></ul></li></ul></li><li class='ez-toc-page-1 ez-toc-heading-level-1'><a class="ez-toc-link ez-toc-heading-17" href="#-_25E625A0258725E925A2259825E625A0258725E725AD25BE25EF25BC258C25E425BB258Eh125E5258825B0h625E52588258625E5258825AB25E825A125A825E725A425BA25E425B8258025E725BA25A725E625A0258725E925A2259825E5258825B025E5258525AD25E725BA25A725E625A0258725E925A22598_25E62596258725E725AB25A025E625A0258725E925A22598" >- 标题标签,从h1到h6分别表示一级标题到六级标题 文章标题</a><ul class='ez-toc-list-level-2' ><li class='ez-toc-heading-level-2'><a class="ez-toc-link ez-toc-heading-18" href="#25E425BA258C25E725BA25A725E625A0258725E925A22598" >二级标题</a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class="ez-toc-link ez-toc-heading-19" href="#25E425B8258925E725BA25A725E625A0258725E925A22598" >三级标题</a><ul class='ez-toc-list-level-6' ><li class='ez-toc-heading-level-6'><ul class='ez-toc-list-level-6' ><li class='ez-toc-heading-level-6'><ul class='ez-toc-list-level-6' ><li class='ez-toc-heading-level-6'><a class="ez-toc-link ez-toc-heading-20" href="#25E5258525AD25E725BA25A725E625A0258725E925A22598" >六级标题</a></li></ul></li></ul></li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class="ez-toc-link ez-toc-heading-21" href="#3_25E525A4259A25E525AA259225E425BD259325E52585258325E725B425A025E7259A258425E525B5258C25E5258525A525EF25BC259A25E325802581" >3. 多媒体元素的嵌入:、</a></li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class="ez-toc-link ez-toc-heading-22" href="#4_25E9259325BE25E6258E25A525E7259A258425E52588259B25E525BB25BA25EF25BC259A" >4. 链接的创建:</a></li></ul></li></ul></li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class="ez-toc-link ez-toc-heading-23" href="#25E5259B259B25E325802581CSS25E625A025B725E525BC258F25E825A125A825E7259A258425E525BC259525E5258525A525E425B8258E25E425BD25BF25E7259425A8" >四、CSS样式表的引入与使用</a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class="ez-toc-link ez-toc-heading-24" href="#1_25E52586258525E82581259425E625A025B725E525BC258F" >1. 内联样式</a></li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class="ez-toc-link ez-toc-heading-25" href="#2_25E52586258525E9258325A825E625A025B725E525BC258F25E825A125A8" >2. 内部样式表</a></li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class="ez-toc-link ez-toc-heading-26" href="#3_25E525A4259625E9258325A825E625A025B725E525BC258F25E825A125A8" >3. 外部样式表</a></li></ul></li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class="ez-toc-link ez-toc-heading-27" href="#25E725BB259325E825AF25AD25EF25BC259A25E925AB259825E625952588HTML25E925A125B525E9259D25A225E625A825A125E6259D25BF25E7259A258425E525AE259E25E825B725B525E425B8258E25E525BA259425E7259425A8" >结语:高效HTML页面模板的实践与应用</a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class="ez-toc-link ez-toc-heading-28" href="#25E525B825B825E825A7258125E9259725AE25E925A22598" >常见问题</a></li></ul></li></ul></li></ul></nav></div> <h1><span class="ez-toc-section" id="25E525BC259525E825A8258025EF25BC259A25E625B725B125E5258525A525E72590258625E825A725A3HTML25E925A125B525E9259D25A225E625A825A125E6259D25BF25E7259A258425E725BC259625E52586259925E8258925BA25E6259C25AF"></span>引言:深入理解HTML页面模板的编写艺术<span class="ez-toc-section-end"></span></h1> <p>HTML页面模板,作为网页开发的基础,承载着网站结构、内容和样式的关键角色。它不仅是网页开发的基石,更是实现高效、结构化网页设计的核心。本文将深入浅出地讲解如何编写高效的HTML页面模板,帮助您掌握这一技能,提升您的网页开发水平。</p> <p>在互联网飞速发展的今天,一个优秀且高效的HTML页面模板对于网站的性能和用户体验至关重要。通过本文的详细讲解,您将了解到HTML页面模板的基本概念、编写技巧,以及如何在实践中应用这些知识。接下来,让我们一同开启这段探索HTML页面模板编写艺术的旅程吧!</p> <h1><span class="ez-toc-section" id="25E425B8258025E325802581HTML25E925A125B525E9259D25A225E625A825A125E6259D25BF25E7259A258425E5259F25BA25E6259C25AC25E725BB259325E6259E2584"></span>一、HTML页面模板的基本结构<span class="ez-toc-section-end"></span></h1> <p>在网页开发中,HTML页面模板是构建网页的基础。一个优秀的HTML页面模板不仅能够保证页面结构的清晰,还能够提高开发效率。以下是HTML页面模板的基本结构,我们将逐一解析其重要性。</p> <h3><span class="ez-toc-section" id="125E32580258125E62596258725E625A125A325E725B125BB25E5259E258B25E525A325B025E62598258E25EF25BC259A"></span>1、文档类型声明:<span class="ez-toc-section-end"></span></h3> <p>文档类型声明(DOCTYPE)是HTML文档的头部部分,用于告知浏览器使用哪个HTML版本进行解析。在HTML5中,DOCTYPE声明为<code><!DOCTYPE html></code>。它的重要性在于,它为浏览器提供了一个清晰的HTML版本信息,使得浏览器能够正确解析页面内容。</p> <table> <thead> <tr> <th>版本</th> <th>DOCTYPE声明</th> </tr> </thead> <tbody> <tr> <td>HTML 4.01</td> <td></td> </tr> <tr> <td>XHTML 1.0 Strict</td> <td></td> </tr> <tr> <td>HTML 5</td> <td></td> </tr> </tbody> </table> <h3><span class="ez-toc-section" id="225E32580258125E625A025B925E625A0258725E725AD25BE25EF25BC259A"></span>2、根标签:<span class="ez-toc-section-end"></span></h3> <p>根标签是HTML文档的起始标签,它包含了整个HTML文档的所有内容。在标签中,我们需要定义页面的语言属性,如<code>lang="zh-CN"</code>,以及字符编码属性,如<code>charset="UTF-8"</code>。</p> <pre><code class="language-html"><html lang="zh-CN" charset="UTF-8"></code></pre> <h3><span class="ez-toc-section" id="325E32580258125E525A425B425E9258325A825E625A0258725E725AD25BE25EF25BC259A"></span>3、头部标签:<span class="ez-toc-section-end"></span></h3> <p>头部标签位于根标签内,它主要包含页面的元数据,如标题、字符编码、样式表、脚本等。头部标签对于搜索引擎优化(SEO)具有重要意义。</p> <table> <thead> <tr> <th>标签</th> <th>作用</th> </tr> </thead> <tbody> <tr> <td></td> <td>定义页面标题</td> </tr> <tr> <td></td> <td>定义页面的元数据,如字符编码、关键词、描述等</td> </tr> <tr> <td></td> <td>定义页面中的链接,如样式表、图标等</td> </tr> <tr> <td></td> <td>定义页面中的脚本</td> </tr> </tbody> </table> <h3><span class="ez-toc-section" id="425E32580258125E425B825BB25E425BD259325E625A0258725E725AD25BE25EF25BC259A"></span>4、主体标签:<span class="ez-toc-section-end"></span></h3> <p>主体标签位于根标签内,它包含了页面的实际内容,如文本、图片、链接等。主体标签是用户浏览网页时看到的主要部分。</p> <pre><code class="language-html"><body data-rsssl=1> <!-- 页面内容 --></body></code></pre> <p>通过以上四个部分,我们可以构建一个基本的HTML页面模板。在后续的内容中,我们将详细介绍头部标签和主体标签的详细配置,以及如何利用CSS样式表进行页面美化。</p> <h2><span class="ez-toc-section" id="25E425BA258C25E32580258125E525A425B425E9258325A825E625A0258725E725AD25BE253C_head_253E25E7259A258425E825AF25A625E725BB258625E92585258D25E725BD25AE"></span>二、头部标签< head >的详细配置<span class="ez-toc-section-end"></span></h2> <p>在HTML页面模板中,头部标签< head >扮演着至关重要的角色。它包含了页面的元数据,如标题、字符集、样式表链接、脚本等,这些信息对于搜索引擎优化(SEO)和用户体验都至关重要。</p> <h3><span class="ez-toc-section" id="125E32580258125E625A0258725E925A2259825E625A0258725E725AD25BE25EF25BC259A253C_title_253E"></span>1、标题标签:< title ><span class="ez-toc-section-end"></span></h3> <p>标题标签< title >是头部标签中最为核心的部分,它定义了网页的标题,并显示在浏览器的标签页上。一个具有吸引力和描述性的标题有助于提高点击率和SEO排名。</p> <p><strong>示例:</strong></p> <pre><code class="language-html"><title>如何编写HTML页面模板

2、元数据标签:< meta >

元数据标签< meta >提供了关于页面内容的额外信息,如字符集、页面描述、关键词等。这些信息有助于搜索引擎更好地理解页面内容,并提高搜索排名。

示例:

3、链接标签:< link >

链接标签< link >用于引入外部样式表和资源文件,如CSS、图片等。通过合理地使用< link >标签,可以优化页面加载速度和用户体验。

示例:

4、脚本标签:< script >

脚本标签< script >用于引入外部JavaScript文件,实现页面交互功能。合理地使用< script >标签,可以提升页面性能和用户体验。

示例:

通过以上四个方面的详细配置,头部标签< head >能够为HTML页面模板提供丰富的元数据,从而提高SEO排名和用户体验。在实际开发过程中,我们需要根据具体需求进行灵活配置。

三、主体标签的内容布局

在HTML页面模板的构建过程中,主体标签承载了页面展示的所有内容,其组织结构对页面的美观度和功能性都至关重要。以下是主体标签中的内容布局策略:

1. 语义化标签的使用:

语义化标签不仅增强了HTML代码的可读性,也方便了搜索引擎抓取和理解页面内容。以下是一些常用语义化标签的介绍:

标签 用途 示例
用于页面或区域的开头部分,通常包含网站的logo、标题等

网站标题

用于页面中的导航部分,如菜单、链接等
用于页面中的某个区块,表示一个内容单元

内容标题

这里是内容正文

用于页面或区域的开头部分,通常包含版权信息、联系方式等

版权所有 © 2023

2. 文本内容的组织:

-

文本内容是页面展示的核心,合理组织文本可以提高阅读体验。以下是一些常用的文本组织标签:

标签 用途 示例

-

标题标签,从h1到h6分别表示一级标题到六级标题

文章标题

二级标题

三级标题

...

六级标题
段落标签,用于组织文本内容

这是一段普通文本内容

3. 多媒体元素的嵌入:

为了丰富页面内容,我们需要在页面中嵌入多媒体元素,如图片和视频。以下是一些常用多媒体元素标签的介绍:

标签 用途 示例
图片标签,用于嵌入图片 图片描述
视频标签,用于嵌入视频

4. 链接的创建:

在页面中创建链接,方便用户跳转到其他页面或资源。以下是一些常用链接创建标签的介绍:

标签 用途 示例
链接标签,用于创建超链接 访问example网站

四、CSS样式表的引入与使用

在构建HTML页面模板的过程中,CSS样式表的作用不容小觑。它不仅决定了页面的视觉效果,还能提升用户体验。以下是三种常见的CSS样式表引入方式:

1. 内联样式

内联样式是直接在HTML标签内通过style属性添加的样式。这种方式的优点是简单易用,适合对样式需求不多的简单页面。但缺点是样式代码分散在各个标签中,难以维护。

标签 属性 样式
div style color: red;

2. 内部样式表

内部样式表是将CSS代码写在

这是一段红色的文字

3. 外部样式表

外部样式表是将CSS代码保存在单独的文件中,并在HTML页面中通过标签引入。这种方式可以实现样式与内容的分离,提高页面加载速度,并且便于在不同页面之间复用样式。

.myClass {  color: red;}

总结,选择合适的CSS样式表引入方式取决于具体需求和场景。内联样式适合简单页面,内部样式表适合共享样式,外部样式表适合复杂页面和复用样式。在实际开发过程中,可以根据项目需求和团队习惯灵活选择。

结语:高效HTML页面模板的实践与应用

在本文中,我们深入探讨了HTML页面模板的编写方法,从基本结构到详细配置,再到内容布局和样式表的引入,全面解析了高效HTML页面模板的制作过程。通过学习,我们了解到使用语义化标签、合理布局内容以及灵活运用CSS样式表是构建高质量页面模板的关键。

高效HTML页面模板的重要性不言而喻,它不仅能够提升页面的加载速度,提高用户体验,还能使我们的网站在搜索引擎中脱颖而出。因此,我们鼓励读者将所学知识应用于实际项目中,不断优化和改进我们的页面模板。

在实践过程中,我们需要注意以下几点:

  1. 遵循W3C标准:确保HTML代码的规范性和兼容性。
  2. 语义化标签的使用:使用合适的标签来表达页面结构,提高代码可读性。
  3. 合理布局内容:合理安排页面布局,使内容更加清晰易读。
  4. 灵活运用CSS样式表:利用CSS样式表美化页面,提升用户体验。

通过不断学习和实践,相信大家能够熟练掌握HTML页面模板的编写技巧,为我们的网站创造更多价值。让我们一起努力,打造更多高效、美观、实用的HTML页面模板吧!

常见问题

  1. 什么是HTML页面模板?HTML页面模板是指一个预定义的HTML文档结构,它包含了网页的基本元素和布局。通过使用HTML页面模板,开发者可以快速构建网页,提高开发效率。

  2. 为什么需要使用语义化标签?语义化标签能够清晰地表达页面内容的结构和语义,有利于搜索引擎更好地理解页面内容,提高页面的可读性和SEO优化效果。

  3. 如何引入外部CSS样式表?引入外部CSS样式表的方法是在<head>标签内使用<link>标签,并设置rel属性为"stylesheet"href属性为外部CSS文件的路径。

  4. 如何确保HTML页面的兼容性?确保HTML页面兼容性的方法包括使用标准的HTML标签、遵循W3C规范、使用浏览器兼容性测试工具等。此外,可以使用CSS前缀来兼容不同浏览器的样式差异。

原创文章,作者:路飞SEO,如若转载,请注明出处:https://www.shuziqianzhan.com/article/78476.html

Like (0)
路飞SEO的头像路飞SEO编辑
Previous 2025-06-14 03:00
Next 2025-06-14 03:01

相关推荐

  • 网站核验单怎么填

    填写网站核验单时,首先确认网站基本信息无误,包括网站名称、域名、IP地址等。其次,详细填写网站负责人信息,确保联系方式准确。再描述网站服务内容,突出合法合规性。最后,附上相关证明材料,如营业执照、ICP备案证明等,确保信息真实可靠。

    2025-06-11
    00
  • php如何使用cookie

    在PHP中使用cookie,首先需调用setcookie()函数创建cookie。示例代码:setcookie('name', 'value', time()+3600); 其中'name'是cookie名,'value'是值,time()+3600设定过期时间为1小时后。访问cookie时,使用isset($_COOKIE['name'])检查是否存在,通过$_COOKIE['name']获取值。确保setcookie()在输出任何内容前调用。

  • 哪些网站可以做推广

    想要高效推广?试试这些网站:百度推广、腾讯广点通、微博广告、小红书推广、知乎营销。它们覆盖广泛用户群体,提供多样化广告形式,助力品牌快速曝光。

    2025-06-15
    0456
  • 幕布怎么寄送

    寄送幕布需注意包装和物流选择。首先,使用坚固的纸箱或气泡膜将幕布完全包裹,防止运输过程中受损。其次,选择信誉良好的快递公司,如顺丰或德邦,确保运输安全和时效。最后,购买运输保险,以防意外损失,并在包裹上标注‘易碎物品’字样,提醒快递员小心处理。

    2025-06-10
    00
  • 设计公司都有哪些费用

    设计公司的费用主要包括设计服务费、项目咨询费、材料采购费和后期维护费。设计服务费根据项目复杂度和设计师水平而定,咨询费涉及项目前期的调研和规划,材料采购费则根据所选材料质量和品牌有所差异,后期维护费则包括设计修改和售后支持等。

    2025-06-16
    082
  • 有哪些高端的网站

    高端网站通常具备精美的设计、流畅的用户体验和强大的功能。例如,苹果官网以简洁大气著称,Netflix则提供极致的流媒体体验。此外,亚马逊和阿里巴巴的电商平台也是高端网站的典范,拥有高效的搜索和个性化推荐系统。

    2025-06-15
    0125
  • 公众号微官网怎么做

    公众号微官网制作首先需注册微信公众号,选择适合的服务号或订阅号。接着,利用第三方平台如微盟、有赞等搭建微官网,选择模板并自定义设计,确保界面简洁美观。最后,绑定域名并发布,定期更新内容,优化SEO,提升用户体验。

    2025-06-16
    065
  • 展示网站有哪些

    展示网站有多种类型,包括企业官网、电商平台、个人博客、新闻资讯站等。企业官网主要用于展示公司信息、产品和服务;电商平台则侧重于商品展示和在线交易;个人博客则是个性化内容分享;新闻资讯站则提供最新新闻和资讯。选择适合的展示网站类型,能更有效吸引目标用户。

    2025-06-15
    0103
  • 如何添加联系电话

    要在网站上添加联系电话,首先确定显示位置,如页脚、联系我们页面等。使用HTML代码 `+1234567890` 实现点击拨号功能。确保号码格式统一,便于用户识别和SEO优化。最后,测试不同设备和浏览器兼容性,确保用户体验。

    2025-06-13
    0381

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注