小虎建站知识网，分享建站知识，包括：建站行业动态、建站百科知识、SEO优化知识等知识。建站服务热线：180-5191-0076
当前位置：小虎建站知识网首页 > 建站百科知识 >

html制作一个网站首页（html制作一个网站首页怎么做）

  • html,制作,一个,网站首页,怎么,做,在,数字,
  • 建站百科知识-小虎建站百科知识网
  • 2026-10-26 17:48
  • 小虎建站百科知识网

html制作一个网站首页（html制作一个网站首页怎么做） ,对于想了解建站百科知识的朋友们来说，html制作一个网站首页（html制作一个网站首页怎么做）是一个非常想了解的问题，下面小编就带领大家看看这个问题。

在数字浪潮席卷全球的今天，一个网站的首页，就如同一个虚拟世界的门面与心脏。你是否曾凝视着屏幕上那些设计精美、交互流畅的网页，心中涌起一股亲手创造的冲动？或许你是一名初学者，正对着空白的文本编辑器踌躇；或许你渴望自己的作品不仅能展示，更能被世界看见——在百度的海洋中脱颖而出，登上要求的顶峰。本文将为你揭开用HTML制作一个网站首页的神秘面纱，这不仅仅是一段段标签的堆砌，更是一场关乎结构、语义、用户体验与搜索引擎欢心的精密舞蹈。我们将深入探索从搭建骨架到吸引流量的每一个关键步骤，为你提供一条清晰可循的路径。

从零构建：HTML首页的核心骨架

任何伟大的建筑都始于坚实的地基，网站首页亦然。HTML（超文本标记语言）便是这地基的砖石。制作首页的第一步，是建立正确且标准的文档结构。这绝非简单地输入几个`

`标签，而是一场与浏览器和搜索引擎爬虫的初次对话。

一个标准的HTML5文档始于``声明，它像一面旗帜，告诉世界这个页面遵循最新的标准。紧接着的``标签，不仅定义了文档的根元素，更通过`lang`属性亲切地告知搜索引擎：这里的内容服务于中文用户。在``区域，``标签是上的明珠——它是要求中显示的第一行文字，是吸引点击的第一道光芒。一个包含核心关键词、简洁有力的标题，是SEO优化的起跑线。`<meta charset="UTF-8">`确保中文不会显示为乱码，而描述性的`<meta name="description" content="...">`则如同店铺的橱窗简介，需要精心撰写以概括页面精华，吸引用户驻足。 `<body>`标签内，才是首页内容的舞台。逻辑清晰的结构至关重要。通常，首页会遵循“页头-主体-页脚”的经典结构。使用`<header>`标签包裹Logo和导航栏，用`<main>`标签定义页面的核心内容区，最后用`<footer>`标签收尾，放置版权信息、友情链接等。这种语义化的结构不仅让代码易于维护，更让搜索引擎爬虫能够轻松理解页面各个部分的角色与重要性，为内容的理解和索引打下坚实基础。 <h2>语义化标签：让代码会“说话”</h2> 如果说基本的HTML结构搭建了房子的框架，那么语义化标签就是为每个房间贴上清晰的功能标签。在HTML5之前，开发者大量依赖无特定含义的`<div>`和`<span>`，导致代码像一团难以理解的迷雾。如今，语义化标签如`<article>`, `<section>`, `<nav>`, `<aside>`, `<figure>`等，赋予了代码自我表达的能力。 例如，首页的导航菜单应包裹在`<nav>`标签中，这明确告诉浏览器和搜索引擎：“这里是导航链接集合”。一篇重要的公司介绍或产品特性文章，使用`<article>`标签包裹，表示这是一个独立、完整的内容区块。对于页面中辅助性的、与主要内容相关但不完全属于主线的信息（如侧边栏、引用块），`<aside>`标签是最佳选择。而`<section>`则用于对页面内容进行逻辑分组，每个分组通常都有一个主题。 <p>这种“会说话”的代码带来的好处是革命性的。它极大地提升了网站的可访问性。屏幕阅读器等辅助技术能够根据标签语义，为用户提供更准确的页面结构导航。它让代码维护变得轻松，开发者能够一目了然地理解每个部分的用途。最重要的是，搜索引擎爬虫极度青睐语义清晰的页面。当爬虫能够毫不费力地理解内容的结构和关系时，它就能更准确地对页面内容进行分类、评估和排名。坚持使用语义化标签，是让你的首页在搜索引擎眼中从“杂乱仓库”变为“分类清晰图书馆”的关键一步。</p> <h2>内容为王：填充有价值的血肉</h2> <p>骨架与结构之后，需要填充真正吸引人和搜索引擎的内容。首页的内容必须直击核心，在第一时间回答访问者的潜在问题：“这是什么网站？”“它能为我提供什么价值？”它需要巧妙地融入目标关键词，如“HTML制作网站首页”，但切记避免生硬堆砌。</p> <p style="text-align: center;"><img src="/uploads/allimg/2026070401/6657387d3716c287d95e194d6ab45f8f.jpg" alt="html制作一个网站首页（html制作一个网站首页怎么做）" title="html制作一个网站首页（html制作一个网站首页怎么做）"></p> 标题体系是内容的灯塔。除了最重要的`<h1>`标签（通常用于页面主标题，且一个页面最好只有一个）外，合理运用`<h2>`到`<h2>`标签来组织内容层级。例如，本文中的小标题就使用了`<h2>`。这些标题标签如同书籍的目录，不仅帮助用户快速扫描和理解内容脉络，更是搜索引擎判断内容重点和章节关系的核心依据。在标题中自然地包含关键词，能显著提升相关页面的权重。 段落`<p>`标签内的文字，是传递深度信息的主体。内容应当原创、翔实、对用户有切实帮助。讲述制作首页的步骤、分享常见问题的解决方案、展示最佳实践案例。在正文中，可以适当对关键词进行加粗（使用`<strong>`标签而非`<b>`，因为`<strong>`表示语义上的重要，更受搜索引擎重视）或使用强调标签`<em>`。别忘了为图片添加富含描述性的`alt`属性。当图片无法加载时，`alt`文字是用户的替代信息；对搜索引擎而言，这是理解图片内容的唯一文本途径。一张关于“HTML代码截图”的图片，其`alt`属性写为“HTML制作网站首页的代码示例”，就巧妙地传递了关键词信息。 <h2>用户体验与速度：留住访客的魔法</h2> <p style="text-align: center;"><img src="/uploads/allimg/2026070401/4c22d92add22ec964f0c5023125da81d.jpg" alt="html制作一个网站首页（html制作一个网站首页怎么做）" title="html制作一个网站首页（html制作一个网站首页怎么做）"></p> <p>一个技术再标准、内容再优秀的首页，如果加载缓慢或交互糟糕，也会让用户和搜索引擎望而却步。用户体验与页面性能，是决定排名和转化率的隐形战场。</p> 代码的简洁与高效是速度的基石。避免嵌套过深的标签结构，移除无用的空白字符和注释（在生产环境中），这些都能减小HTML文件体积。更重要的是，将CSS样式和JavaScript脚本尽可能外部化，并通过`<link>`和`<script>`标签引入。这有利于浏览器缓存，当用户访问网站其他页面时，这些文件可能已被缓存，从而极大提升加载速度。对于`<script>`标签，考虑使用`async`或`defer`属性，防止其阻塞页面的渲染。 <p>视觉与交互设计需以用户为中心。确保导航清晰直观，主要行动号召按钮（如“联系我们”、“了解更多”）醒目易点击。在移动设备普及的今天，响应式设计不再是可选项，而是必选项。使用`<meta name="viewport" content="width=device-width, initial-scale=1.0">`这行视口元标签，并配合CSS媒体查询，让你的首页能够在手机、平板、电脑上都能呈现完美布局。谷歌等搜索引擎早已将“移动端友好”作为重要的排名因素，百度同样高度重视移动端体验。一个自适应各种屏幕的首页，能显著降低跳出率，增加用户停留时间，这些积极信号都会被搜索引擎捕捉并转化为排名优势。</p> <h2>拥抱搜索爬虫：SEO的微观优化</h2> <p>要让首页被百度快速收录并追求排名第一，除了宏观的结构和内容，还需要许多微观的、针对搜索引擎爬虫的优化技巧。这些技巧如同为爬虫铺设了一条平坦的欢迎地毯。</p> <p>是创建一个名为 `sitemap.xml` 的网站地图文件，并将其提交给百度搜索资源平台。这个文件像一份网站所有重要页面的“地图清单”，主动告诉百度爬虫你的网站结构以及哪些页面是重要的，特别是新创建的首页，能加速其被发现和索引的过程。是 `robots.txt` 文件，它放置在网站根目录，用于指导爬虫哪些目录可以访问，哪些需要避开（如后台管理目录），友好地引导爬虫资源集中于索引重要页面。</p> <p>在页面内部，细节决定成败。确保每个页面有唯一的`<title>`和`<meta description>`。为重要的链接（如导航菜单中的分类链接）添加`title`属性，提供更多上下文。虽然关键词元标签（`<meta name="keywords">`）对主流搜索引擎排名影响已微乎其微，但保持内容主题集中、相关性强依然核心。确保网站有清晰的内链结构。从首页链向重要的子页面，从子页面也能方便地返回首页或其他相关页面，这有助于权重的传递和爬虫对网站结构的深入抓取。</p> <h2>持续迭代与验证：上线不是终点</h2> <p>当最后一个字符敲定，将首页文件上传至服务器，这并非旅程的结束，而是一个新循环的开始。制作一个优秀的HTML首页是一个持续验证和优化的过程。</p> <p>立即使用百度搜索资源平台提供的“URL提交”工具，主动推送你的首页网址，这是最快通知百度新页面诞生的方式。之后，利用平台提供的“抓取诊断”功能，模拟百度爬虫抓取你的首页，查看是否能成功抓取、看到的页面内容是否与预期一致。这能帮你及时发现并解决爬虫访问可能遇到的障碍，如错误的重定向、被意外屏蔽的资源等。</p> <p style="text-align: center;"><img src="/uploads/allimg/2026070401/52e96bb10a919ac805647bad1b4cae28.jpg" alt="html制作一个网站首页（html制作一个网站首页怎么做）" title="html制作一个网站首页（html制作一个网站首页怎么做）"></p> <p>使用浏览器开发者工具和在线测速工具（如Google PageSpeed Insights，百度也有相关性能建议）持续监测首页的加载性能。关注搜索引擎的收录情况和关键词排名变化，分析网站流量数据，了解用户通过哪些搜索词找到你，他们在首页上的行为如何。根据这些反馈，回头审视你的HTML结构、内容安排、关键词布局，进行必要的调整和优化。网页技术也在发展，保持对HTML新标准、SEO新趋势的关注，让你的首页始终充满活力与竞争力。</p> <p>以上是关于html制作一个网站首页（html制作一个网站首页怎么做）的介绍，希望对想了解建站百科知识的朋友们有所帮助。</p> <p>本文标题：<a href="https://zwz66.cn/jianz/390332.html">html制作一个网站首页（html制作一个网站首页怎么做）</a>；本文链接：https://zwz66.cn/jianz/390332.html。</p> </div> </div> </div> <!--<div class="left-ad"> <script src='/plus/ad_js.php?aid=4' language='javascript'></script> </div>--> <!--<div class="shareBox"> <p><a href="javascript:;" class="sharebtn pay-author"><i class="iconfont icon-iconfontmoban"></i> 微信</a> <a href="javascript:;" class="sharebtn J_showAllShareBtn"><i class="iconfont icon-fenxiang1"></i> 分享</a> </p> <div class="socialBox"> <div class="action-share"> <div class="bdsharebuttonbox"><a href="#" class="bds_more" data-cmd="more"></a><a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a><a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a><a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a><a href="#" class="bds_tqq" data-cmd="tqq" title="分享到腾讯微博"></a><a href="#" class="bds_sqq" data-cmd="sqq" title="分享到QQ好友"></a></div> </div> <div class="panel-reward"> <ul> <li class="weixinpay"><img alt="" src="https://zwz66.cn/skin/images/follow-weixin.jpg"><b>关注微信</b></li> </ul> </div> </div> </div>--> <div class="yj-nei13"> <div class="yj-nei14"><span><span>上一篇：</span><a href='https://zwz66.cn/jianz/390331.html'>html制作一个网站代码，html制作一个网站代码怎么做</a> </span></div> <div class="yj-nei15"><span><span>下一篇：</span><a href='https://zwz66.cn/jianz/390333.html'>html制作一个网站（用html5制作一个网站）</a> </span></div> </div> </div> </div> <div class="yj-lie05"> <h3 class="yj-zhu36"><span>猜你喜欢</span></h3> <ul class="yj-lie07"> <li><a href="https://zwz66.cn/jianz/390333.html" title="html制作一个网站（用html5制作一个网站）">html制作一个网站（用html5制作一个网站）</a> <span class="yj-you60"><i class="iconfont icon-iconfontshijian"></i> 2026-10-26</span> </li> <li><a href="https://zwz66.cn/jianz/390331.html" title="html制作一个网站代码，html制作一个网站代码怎么做">html制作一个网站代码，html制作一个网站代码怎么做</a> <span class="yj-you60"><i class="iconfont icon-iconfontshijian"></i> 2026-10-26</span> </li> <li><a href="https://zwz66.cn/jianz/390330.html" title="html制作一个简单的网页的代码，用html做一个简单网页代码">html制作一个简单的网页的代码，用html做一个简单网页代码</a> <span class="yj-you60"><i class="iconfont icon-iconfontshijian"></i> 2026-10-26</span> </li> <li><a href="https://zwz66.cn/jianz/390329.html" title="html制作一个简单的网页的代码 用html做一个简单网页代码">html制作一个简单的网页的代码 用html做一个简单网页代码</a> <span class="yj-you60"><i class="iconfont icon-iconfontshijian"></i> 2026-10-26</span> </li> <li><a href="https://zwz66.cn/jianz/390328.html" title="html制作一个简单的网页 - html制作一个简单的网页代码">html制作一个简单的网页 - html制作一个简单的网页代码</a> <span class="yj-you60"><i class="iconfont icon-iconfontshijian"></i> 2026-10-26</span> </li> <li><a href="https://zwz66.cn/jianz/390327.html" title="html制作一个简单注册页面，html制作一个简单注册页面图片">html制作一个简单注册页面，html制作一个简单注册页面图片</a> <span class="yj-you60"><i class="iconfont icon-iconfontshijian"></i> 2026-10-26</span> </li> <li><a href="https://zwz66.cn/jianz/390326.html" title="html制作一个个人网站（html制作一个个人网站怎么做）">html制作一个个人网站（html制作一个个人网站怎么做）</a> <span class="yj-you60"><i class="iconfont icon-iconfontshijian"></i> 2026-10-26</span> </li> <li><a href="https://zwz66.cn/jianz/390325.html" title="html初级教程；html新手教程">html初级教程；html新手教程</a> <span class="yj-you60"><i class="iconfont icon-iconfontshijian"></i> 2026-10-26</span> </li> <li><a href="https://zwz66.cn/jianz/390324.html" title="html初学者怎么练习、html怎么学比较容易">html初学者怎么练习、html怎么学比较容易</a> <span class="yj-you60"><i class="iconfont icon-iconfontshijian"></i> 2026-10-26</span> </li> <li><a href="https://zwz66.cn/jianz/390323.html" title="html初学者基础知识（html零基础怎么学）">html初学者基础知识（html零基础怎么学）</a> <span class="yj-you60"><i class="iconfont icon-iconfontshijian"></i> 2026-10-26</span> </li> </ul> </div> </div> <!-- 右侧 --> <div class="yj-you01"> <!--<div class="widget_ad"> <script src='/plus/ad_js.php?aid=1' language='javascript'></script> </div>--> <div class="yj-you02"> <h3><span>热门标签</span></h3> <div class="yj-you03"> <div class="yj-you04"> </div> </div> </div> <div class="yj-you02"> <h3><span>阅读排行</span></h3> <ul class="yj-you05"> <li> <div class="yj-you06"><a href="https://zwz66.cn/jianz/36714.html"><img src="https://zwz66.cn/images/defaultpic.gif" class="thumbnail" alt="在线观看免费版b站；哔哩哔哩在线观看入口"></a></div> <div class="yj-you07"> <h4 class="yj-you08"><a href="https://zwz66.cn/jianz/36714.html">在线观看免费版b站；哔哩哔哩在线观看入口</a></h4> <span class="yj-you09"><i class="iconfont icon-yanjing1"></i> 10223</span> <span class="yj-you60"><i class="iconfont icon-iconfontshijian"></i> 2024-12-10</span> </div> </li> <li> <div class="yj-you06"><a href="https://zwz66.cn/jianz/36407.html"><img src="https://zwz66.cn/images/defaultpic.gif" class="thumbnail" alt="免费的行情网站app入口 哪里可以免费看行情软件的APP"></a></div> <div class="yj-you07"> <h4 class="yj-you08"><a href="https://zwz66.cn/jianz/36407.html">免费的行情网站app入口 哪里可以免费看行情软件的APP</a></h4> <span class="yj-you09"><i class="iconfont icon-yanjing1"></i> 9094</span> <span class="yj-you60"><i class="iconfont icon-iconfontshijian"></i> 2024-12-07</span> </div> </li> <li> <div class="yj-you06"><a href="https://zwz66.cn/jianz/37310.html"><img src="https://zwz66.cn/images/defaultpic.gif" class="thumbnail" alt="成品网站源码78w78隐藏通道在线 - 成品78W78隐藏通道1农业数字化,为乡村振兴注入新动力"></a></div> <div class="yj-you07"> <h4 class="yj-you08"><a href="https://zwz66.cn/jianz/37310.html">成品网站源码78w78隐藏通道在线 - 成品78W78隐藏通道1农业数字化,为乡村振兴注入新动力</a></h4> <span class="yj-you09"><i class="iconfont icon-yanjing1"></i> 7914</span> <span class="yj-you60"><i class="iconfont icon-iconfontshijian"></i> 2024-12-14</span> </div> </li> <li> <div class="yj-you06"><a href="https://zwz66.cn/jianz/36639.html"><img src="https://zwz66.cn/images/defaultpic.gif" class="thumbnail" alt="国内免费精品亚州精品视频国内天堂综合、免费看电影的网站有哪些啊"></a></div> <div class="yj-you07"> <h4 class="yj-you08"><a href="https://zwz66.cn/jianz/36639.html">国内免费精品亚州精品视频国内天堂综合、免费看电影的网站有哪些啊</a></h4> <span class="yj-you09"><i class="iconfont icon-yanjing1"></i> 7149</span> <span class="yj-you60"><i class="iconfont icon-iconfontshijian"></i> 2024-12-09</span> </div> </li> <li> <div class="yj-you06"><a href="https://zwz66.cn/jianz/36622.html"><img src="https://zwz66.cn/images/defaultpic.gif" class="thumbnail" alt="各种免费源码共享网站 - 成品网站源码1688免费推荐-智能化时代的挑战与机遇!"></a></div> <div class="yj-you07"> <h4 class="yj-you08"><a href="https://zwz66.cn/jianz/36622.html">各种免费源码共享网站 - 成品网站源码1688免费推荐-智能化时代的挑战与机遇!</a></h4> <span class="yj-you09"><i class="iconfont icon-yanjing1"></i> 3906</span> <span class="yj-you60"><i class="iconfont icon-iconfontshijian"></i> 2024-12-09</span> </div> </li> <li> <div class="yj-you06"><a href="https://zwz66.cn/jianz/36423.html"><img src="https://zwz66.cn/images/defaultpic.gif" class="thumbnail" alt="免费网站b站（有哪些可以免费看b站视频的网站）"></a></div> <div class="yj-you07"> <h4 class="yj-you08"><a href="https://zwz66.cn/jianz/36423.html">免费网站b站（有哪些可以免费看b站视频的网站）</a></h4> <span class="yj-you09"><i class="iconfont icon-yanjing1"></i> 3880</span> <span class="yj-you60"><i class="iconfont icon-iconfontshijian"></i> 2024-12-07</span> </div> </li> <li> <div class="yj-you06"><a href="https://zwz66.cn/jianz/38219.html"><img src="https://zwz66.cn/images/defaultpic.gif" class="thumbnail" alt="黄页88登录入口、谁有黄页免费的网址大全"></a></div> <div class="yj-you07"> <h4 class="yj-you08"><a href="https://zwz66.cn/jianz/38219.html">黄页88登录入口、谁有黄页免费的网址大全</a></h4> <span class="yj-you09"><i class="iconfont icon-yanjing1"></i> 3753</span> <span class="yj-you60"><i class="iconfont icon-iconfontshijian"></i> 2024-12-21</span> </div> </li> <li> <div class="yj-you06"><a href="https://zwz66.cn/jianz/36696.html"><img src="https://zwz66.cn/images/defaultpic.gif" class="thumbnail" alt="在线crm在线oa免费 - 有没有免费的OA系统呢"></a></div> <div class="yj-you07"> <h4 class="yj-you08"><a href="https://zwz66.cn/jianz/36696.html">在线crm在线oa免费 - 有没有免费的OA系统呢</a></h4> <span class="yj-you09"><i class="iconfont icon-yanjing1"></i> 3501</span> <span class="yj-you60"><i class="iconfont icon-iconfontshijian"></i> 2024-12-09</span> </div> </li> <li> <div class="yj-you06"><a href="https://zwz66.cn/jianz/35520.html"><img src="https://zwz66.cn/images/defaultpic.gif" class="thumbnail" alt="192.168.100.1随身wifiadmin；192.168.100.1随身wifiadmin登录器"></a></div> <div class="yj-you07"> <h4 class="yj-you08"><a href="https://zwz66.cn/jianz/35520.html">192.168.100.1随身wifiadmin；192.168.100.1随身wifiadmin登录器</a></h4> <span class="yj-you09"><i class="iconfont icon-yanjing1"></i> 3089</span> <span class="yj-you60"><i class="iconfont icon-iconfontshijian"></i> 2024-11-30</span> </div> </li> <li> <div class="yj-you06"><a href="https://zwz66.cn/jianz/30518.html"><img src="https://zwz66.cn/uploads/allimg/20241020/f8a255fbbb8cd0b547c6097fb51cbb9f-lp.jpg" class="thumbnail" alt="amazon欧洲站和日本站；日本专线fba"></a></div> <div class="yj-you07"> <h4 class="yj-you08"><a href="https://zwz66.cn/jianz/30518.html">amazon欧洲站和日本站；日本专线fba</a></h4> <span class="yj-you09"><i class="iconfont icon-yanjing1"></i> 2793</span> <span class="yj-you60"><i class="iconfont icon-iconfontshijian"></i> 2024-10-22</span> </div> </li> </ul> </div> <div class="yj-you02"> <h3><span>推荐排行</span></h3> <ul class="yj-you10"> </ul> </div> </div> </div> </div> </div> <div class="yj-di01"> <div class="yj-zhu02"> <div class="yj-di02"> <a rel="nofollow" href="https://zwz66.cn/">网站首页</a> <a rel='nofollow' href='https://zwz66.cn/jianz/index.html' class='thisclass'>建站百科知识</a> <a rel="nofollow" href="https://zwz66.cn/seoy/index.html">SEO优化知识</a> <a rel="nofollow" href="https://zwz66.cn/hangy/index.html">建站行业动态</a> </div> <div class="yj-di03"> <p>Copyright © 2002-2027 小虎建站知识网 版权所有    网站备案号： <a href="http://beian.miit.gov.cn" target="_blank" rel="nofollow">苏ICP备18016903号-19</a>     <img src="/skin/images/beian.png" alt="苏公网安备" style="width: 16px;"><a href="https://beian.mps.gov.cn/#/query/webSearch?code=32031202000909" rel="noreferrer" target="_blank">苏公网安备32031202000909</a> </p> </div> <br> <div style="text-align: center;"> <a href="http://www.cecdc.com" rel="nofollow" target="_blank"> <img src="/skin/images/chengxinOne.png" alt="中国互联网诚信示范企业"></a> <a href="https://www.12377.cn/" rel="nofollow" target="_blank"> <img src="/skin/images/buliang.png" alt="违法和不良信息举报中心"> </a> <a href="https://cyberpolice.mps.gov.cn" rel="nofollow" target="_blank"> <img src="/skin/images/wangluo.png" alt="网络110报警服务"> </a> <a target="_blank" rel="nofollow" href="http://www.isc.org.cn/"> <img src="/skin/images/hulianwangxiehui.png" alt="中国互联网协会"> </a> <a target="_blank" href="http://knet.cn" rel="nofollow"> <img src="/skin/images/chengxin.png" alt="诚信网站"> </a> </div> </div> </div> <!-- 返回顶部按钮--> <div class="backtop" id="backtop"><i class="iconfont icon-xiangshang"></i></div> <!-- 搜索框--> <div class="search-box"> <div class="search-close"><i class="iconfont icon-guanbi"></i></div> <div class="search-con"> <form name="formsearch" action="https://zwz66.cn/plus/search.php"> <input type="hidden" name="kwtype" value="0" /> <dl class="se"> <dt> <input name="q" type="text" class="search-keyword" id="search-keyword" value="输入搜索关键词" onfocus="if(this.value=='输入搜索关键词'){this.value='';}" onblur="if(this.value==''){this.value='输入搜索关键词';}" /> </dt> <dd> <button type="submit"><i class="iconfont icon-sousuo"></i></button> </dd> </dl> </form> <div class="search-tips">大家都在搜</div> <div class="search-as"> </div> </div> </div> <script src="https://zwz66.cn/skin/js/yj-js01.js"></script> <script src="https://zwz66.cn/skin/js/yj-js02.js"></script> <script src="https://zwz66.cn/skin/js/yj-js03.js"></script> </body> </html>