网络营销怎么做有特色图解步骤:别被高价建站坑了,选对技术才是关键

网络营销怎么做有特色图解步骤:别被高价建站坑了,选对技术才是关键

网络营销怎么做有特色图解步骤:别被高价建站坑了,选对技术才是关键

你找建站公司怕被坑高价?搞不懂网络营销怎么做有特色?建站不是买衣服,不能只看外观,还得看技术内核。选对建站技术,能省下大把冤枉钱,还能让网站在搜索引擎上脱颖而出。下面我用图解步骤,带你看清不同建站技术的优缺点,帮你避开高价陷阱。

一、各自定位:主流建站技术的江湖地位

建站技术多种多样,从最基础的静态网页,到功能强大的 CMS 系统,再到定制开发,各有千秋。但中小企业老板最关心的,是成本、开发周期、后期维护和搜索引擎优化。

1. 静态网站(HTML + CSS)

静态网站是最基础的网页结构,适合内容极少、功能需求简单的小型网站,比如企业简介、联系方式页面等。它的优点是加载速度快、安全性高,但缺点是后期更新维护成本高,内容多后难以管理。

2. CMS 系统(如 WordPress、Shopify、Joomla)

CMS 系统是最常见的建站选择,适合大多数中小型企业。它们提供了模板、插件和后台管理功能,用户无需编写代码即可完成建站。WordPress 是最流行的选择,支持大量插件和主题,适合做企业官网、博客、电商等。Shopify 更适合电商平台,适合做独立站。

3. 定制开发(PHP、Node.js、Python)

定制开发适合有特殊需求、希望完全掌控网站功能的企业。它能实现个性化功能,但开发周期长、成本高,适合预算充足、需求复杂的企业。常见后端技术包括 PHP、Node.js、Python 等。

4. 低代码/无代码平台(如 Wix、Squarespace、Webflow)

这类平台适合不懂代码的人快速搭建网站,功能简单,操作方便,但可扩展性差,适合初创企业或展示类网站。


二、核心差异:技术选型对比表(表格+代码)

项目 静态网站 CMS 系统(WordPress) 定制开发(PHP) 低代码平台(Wix)
开发成本 低 中等 高 低
开发周期 短 中等 长 短
维护成本 高 低 中等 低
SEO 支持 一般 强 强 一般
可扩展性 差 中等 强 差
代码灵活性 无 有插件支持 高 无
适用场景 单页展示类网站 企业官网、博客、电商 复杂功能、定制需求 初创企业、展示类网站

代码对比示例

静态网站(HTML + CSS)

<!DOCTYPE html>
<html>
<head><title>企业官网</title><style>body { font-family: Arial; }header { background: #333; color: #fff; padding: 20px; }</style>
</head>
<body><header><h1>公司名称</h1><p>欢迎访问我们的网站!</p></header>
</body>
</html>

CMS 系统(WordPress)主题函数

// WordPress 主题 functions.php 中添加 SEO 插件支持
function mytheme_setup() {add_theme_support( 'title-tag' );add_theme_support( 'post-thumbnails' );add_theme_support( 'html5', array( 'search-form', 'comment-form', 'comment-list', 'gallery', 'caption' ) );
}
add_action( 'after_setup_theme', 'mytheme_setup' );

定制开发(PHP)

<?php
// 自定义页面逻辑
if (isset($_GET['page'])) {$page = $_GET['page'];switch ($page) {case 'about':include 'about.php';break;case 'contact':include 'contact.php';break;default:include 'home.php';}
}
?>

低代码平台(Wix 自定义 JavaScript)

// Wix 自定义脚本示例:页面加载时自动跳转
$w.onReady(function () {if (window.location.pathname === '/home') {window.location.href = '/about';}
});

三、实操步骤与代码:从选型到上线的完整流程

第一步:明确需求,选对技术

  • 企业官网、博客:选 CMS(如 WordPress)
  • 电商平台:选 Shopify 或自建 CMS+电商插件
  • 复杂功能:定制开发(PHP、Node.js 等)
  • 初创企业展示类:选 Wix、Squarespace

第二步:选服务器与部署方案

企业官网部署一般采用 Nginx + MySQL + PHP 的架构,这是标准配置。如果你在腾讯云上部署,建议参考其官方文档,选择合适镜像。

Nginx 配置示例(Nginx.conf)

server {listen 80;server_name example.com;location / {root /var/www/html;index index.php index.html;try_files $uri $uri/ /index.php?$query_string;}location ~ \.php$ {include snippets/fastcgi-php.conf;fastcgi_pass unix:/var/run/php/php7.4-fpm.sock;}
}

第三步:SEO 基础配置

SEO 是网络营销的核心,建站初期就要考虑。以下是几个关键配置:

  • 标题标签()</strong>:每页要有独立的标题,包含关键词</li> <li><strong>Meta 描述</strong>:每页添加 150 字以内的描述</li> <li><strong>URL 结构</strong>:尽量使用静态 URL,避免参数污染</li> <li><strong>移动端适配</strong>:确保网站响应式设计,符合 Google 移动优先索引政策</li> </ul> <p><strong>WordPress 中 SEO 插件推荐:Yoast SEO、All in One SEO</strong>,可自动优化标题、描述、URL 结构。</p> <h3 id="ssl">第四步:SSL 证书与备案</h3> <ul> <li><strong>SSL 证书</strong>:必须配置,提升网站可信度与 SEO 排名</li> <li><strong>ICP 备案</strong>:如果你的网站面向国内用户,必须完成备案,否则会被搜索引擎屏蔽</li> <li><strong>腾讯云开发者社区</strong>推荐:使用腾讯云 SSL 证书申请和 ICP 备案流程,可参考其官方教程,操作简单快捷</li> </ul> <hr /> <h2 id="section-7">四、上线部署与优化:让网站跑得快、搜得上</h2> <h3 id="section-8">1. 服务器选择建议</h3> <ul> <li>小型网站:腾讯云轻量应用服务器(约 10 元/月)</li> <li>中型网站:阿里云/腾讯云 1 核 2G 云服务器 + MySQL + Nginx</li> <li>电商平台:建议使用 Shopify 等 SaaS 平台,避免自行开发复杂系统</li> </ul> <h3 id="section-9">2. 优化建议</h3> <ul> <li><strong>CDN 加速</strong>:使用腾讯云 CDN,提升加载速度</li> <li><strong>Gzip 压缩</strong>:减少传输数据量,提升用户体验</li> <li><strong>图片优化</strong>:使用 WebP 格式,压缩图片大小</li> <li><strong>缓存设置</strong>:配置 Nginx 缓存,减少服务器压力</li> </ul> <h3 id="seo-1">3. SEO 持续优化</h3> <p>SEO 不是一次性的工作,而是长期优化过程。定期检查关键词排名、内容更新、外链建设,是网络营销怎么做有特色的核心。</p> <hr /> <h2 id="section-10">五、适用场景与选型建议</h2> <table> <thead> <tr> <th>场景</th> <th>推荐技术</th> <th>优点</th> <th>缺点</th> </tr> </thead> <tbody> <tr> <td>企业官网</td> <td>WordPress</td> <td>快速搭建、插件丰富</td> <td>需要一定维护知识</td> </tr> <tr> <td>电商平台</td> <td>Shopify</td> <td>完全托管、SEO 优化好</td> <td>交易手续费较高</td> </tr> <tr> <td>定制功能需求</td> <td>自建 PHP/Node.js</td> <td>功能自由度高、可扩展性强</td> <td>成本高、开发周期长</td> </tr> <tr> <td>初创展示类</td> <td>Wix</td> <td>操作简单、快速上线</td> <td>功能有限、难扩展</td> </tr> </tbody> </table> <hr /> <h2 id="section-11">网络营销怎么做有特色图解步骤:选对技术,别被高价坑了</h2> <p>现在你明白了吧?网络营销怎么做有特色,不在于花多少钱,而在于用对技术。选对建站技术,能省下几十万,还能让你的网站在搜索引擎上名列前茅。别再找建站公司乱报价,技术选型才是关键。</p> <p><strong>建站花了多少钱?留言说说真实价格</strong>,你的经历或许能帮到下一个正在找建站方案的人。</p> </div> </div> </article> <section class="section related-news sec-alt"> <div class="container"> <div class="sec-head"> <span class="sec-eyebrow">Related News</span> <h2 class="sec-title">相关新闻</h2> <p class="sec-intro">更多同频道精彩内容,点击继续阅读。</p> </div> <div class="news-grid"> <!-- 相关新闻 --> <article class="news-card card fade-in"> <a href="/news/16426" class="news-link"> <div class="news-image"> <img src="http://pic.xiahunao.cn/yaotu/网站建设需要ftp从零搭建" alt="网站建设需要ftp从零搭建" loading="lazy"> </div> <div class="news-content"> <h3 class="news-title">网站建设需要ftp从零搭建</h3> <div class="news-meta"> <span class="news-date">2026/10/28 3:36:26</span> </div> </div> </a> </article> <article class="news-card card fade-in"> <a href="/news/16425" class="news-link"> <div class="news-image"> <img src="http://pic.xiahunao.cn/yaotu/3个ICP网站备案系统常见问题图解步骤,让你网站上线不再卡壳" alt="3个ICP网站备案系统常见问题图解步骤,让你网站上线不再卡壳" loading="lazy"> </div> <div class="news-content"> <h3 class="news-title">3个ICP网站备案系统常见问题图解步骤,让你网站上线不再卡壳</h3> <div class="news-meta"> <span class="news-date">2026/10/28 3:36:26</span> </div> </div> </a> </article> <article class="news-card card fade-in"> <a href="/news/16424" class="news-link"> <div class="news-image"> <img src="http://pic.xiahunao.cn/yaotu/3个坑别踩!icp网站备案系统对比评测全攻略" alt="3个坑别踩!icp网站备案系统对比评测全攻略" loading="lazy"> </div> <div class="news-content"> <h3 class="news-title">3个坑别踩!icp网站备案系统对比评测全攻略</h3> <div class="news-meta"> <span class="news-date">2026/10/28 3:36:23</span> </div> </div> </a> </article> <!-- 最新新闻 --> <article class="news-card card fade-in"> <a href="/news/51721" class="news-link"> <div class="news-image"> <img src="http://pic.xiahunao.cn/yaotu/网站被黑挂马不知道怎么办?vpn免流网站建设完整流程全解析" alt="网站被黑挂马不知道怎么办?vpn免流网站建设完整流程全解析" loading="lazy"> </div> <div class="news-content"> <h3 class="news-title">网站被黑挂马不知道怎么办?vpn免流网站建设完整流程全解析</h3> <div class="news-meta"> <span class="news-date">2026/11/1 2:57:51</span> </div> </div> </a> </article> <article class="news-card card fade-in"> <a href="/news/51712" class="news-link"> <div class="news-image"> <img src="http://pic.xiahunao.cn/yaotu/莱芜网站建设资情况介绍实战案例:模板网站太丑不够用怎么办" alt="莱芜网站建设资情况介绍实战案例:模板网站太丑不够用怎么办" loading="lazy"> </div> <div class="news-content"> <h3 class="news-title">莱芜网站建设资情况介绍实战案例:模板网站太丑不够用怎么办</h3> <div class="news-meta"> <span class="news-date">2026/11/1 2:55:39</span> </div> </div> </a> </article> <article class="news-card card fade-in"> <a href="/news/51703" class="news-link"> <div class="news-image"> <img src="http://pic.xiahunao.cn/yaotu/龙岗网络营销新手入门保姆级建站教程:告别模板网站太丑不够用的烦恼" alt="龙岗网络营销新手入门保姆级建站教程:告别模板网站太丑不够用的烦恼" loading="lazy"> </div> <div class="news-content"> <h3 class="news-title">龙岗网络营销新手入门保姆级建站教程:告别模板网站太丑不够用的烦恼</h3> <div class="news-meta"> <span class="news-date">2026/11/1 2:54:10</span> </div> </div> </a> </article> <article class="news-card card fade-in"> <a href="/news/51694" class="news-link"> <div class="news-image"> <img src="http://pic.xiahunao.cn/yaotu/怎么做北京赛网站怎么选建站报价才能不踩坑" alt="怎么做北京赛网站怎么选建站报价才能不踩坑" loading="lazy"> </div> <div class="news-content"> <h3 class="news-title">怎么做北京赛网站怎么选建站报价才能不踩坑</h3> <div class="news-meta"> <span class="news-date">2026/11/1 2:52:45</span> </div> </div> </a> </article> <article class="news-card card fade-in"> <a href="/news/51685" class="news-link"> <div class="news-image"> <img src="http://pic.xiahunao.cn/yaotu/建网站定制2026最新:怎么避坑高价,还能保障安全" alt="建网站定制2026最新:怎么避坑高价,还能保障安全" loading="lazy"> </div> <div class="news-content"> <h3 class="news-title">建网站定制2026最新:怎么避坑高价,还能保障安全</h3> <div class="news-meta"> <span class="news-date">2026/11/1 2:51:58</span> </div> </div> </a> </article> <article class="news-card card fade-in"> <a href="/news/51676" class="news-link"> <div class="news-image"> <img src="http://pic.xiahunao.cn/yaotu/乐清网站建设哪家好保姆级建站教程:备案流程一头雾水?从零开始手把手教你搞懂" alt="乐清网站建设哪家好保姆级建站教程:备案流程一头雾水?从零开始手把手教你搞懂" loading="lazy"> </div> <div class="news-content"> <h3 class="news-title">乐清网站建设哪家好保姆级建站教程:备案流程一头雾水?从零开始手把手教你搞懂</h3> <div class="news-meta"> <span class="news-date">2026/11/1 2:50:28</span> </div> </div> </a> </article> <!-- 周新闻 --> <article class="news-card card fade-in"> <a href="/news/50605" class="news-link"> <div class="news-image"> <img src="http://pic.xiahunao.cn/yaotu/建筑工程技术支持东莞网站建设适合什么场景" alt="建筑工程技术支持东莞网站建设适合什么场景" loading="lazy"> </div> <div class="news-content"> <h3 class="news-title">建筑工程技术支持东莞网站建设适合什么场景</h3> <div class="news-meta"> <span class="news-date">2026/11/1 0:01:07</span> </div> </div> </a> </article> <article class="news-card card fade-in"> <a href="/news/50614" class="news-link"> <div class="news-image"> <img src="http://pic.xiahunao.cn/yaotu/网页链接怎么打开进阶技巧" alt="网页链接怎么打开进阶技巧" loading="lazy"> </div> <div class="news-content"> <h3 class="news-title">网页链接怎么打开进阶技巧</h3> <div class="news-meta"> <span class="news-date">2026/11/1 0:03:09</span> </div> </div> </a> </article> <article class="news-card card fade-in"> <a href="/news/50623" class="news-link"> <div class="news-image"> <img src="http://pic.xiahunao.cn/yaotu/网站建设合同样本避坑指南:模板网站太丑不够用怎么办" alt="网站建设合同样本避坑指南:模板网站太丑不够用怎么办" loading="lazy"> </div> <div class="news-content"> <h3 class="news-title">网站建设合同样本避坑指南:模板网站太丑不够用怎么办</h3> <div class="news-meta"> <span class="news-date">2026/11/1 0:04:58</span> </div> </div> </a> </article> <!-- 日新闻 --> <article class="news-card card fade-in"> <a href="/news/50605" class="news-link"> <div class="news-image"> <img src="http://pic.xiahunao.cn/yaotu/建筑工程技术支持东莞网站建设适合什么场景" alt="建筑工程技术支持东莞网站建设适合什么场景" loading="lazy"> </div> <div class="news-content"> <h3 class="news-title">建筑工程技术支持东莞网站建设适合什么场景</h3> <div class="news-meta"> <span class="news-date">2026/11/1 0:01:07</span> </div> </div> </a> </article> <article class="news-card card fade-in"> <a href="/news/50614" class="news-link"> <div class="news-image"> <img src="http://pic.xiahunao.cn/yaotu/网页链接怎么打开进阶技巧" alt="网页链接怎么打开进阶技巧" loading="lazy"> </div> <div class="news-content"> <h3 class="news-title">网页链接怎么打开进阶技巧</h3> <div class="news-meta"> <span class="news-date">2026/11/1 0:03:09</span> </div> </div> </a> </article> <article class="news-card card fade-in"> <a href="/news/50623" class="news-link"> <div class="news-image"> <img src="http://pic.xiahunao.cn/yaotu/网站建设合同样本避坑指南:模板网站太丑不够用怎么办" alt="网站建设合同样本避坑指南:模板网站太丑不够用怎么办" loading="lazy"> </div> <div class="news-content"> <h3 class="news-title">网站建设合同样本避坑指南:模板网站太丑不够用怎么办</h3> <div class="news-meta"> <span class="news-date">2026/11/1 0:04:58</span> </div> </div> </a> </article> <!-- 月新闻 --> <article class="news-card card fade-in"> <a href="/news/50605" class="news-link"> <div class="news-image"> <img src="http://pic.xiahunao.cn/yaotu/建筑工程技术支持东莞网站建设适合什么场景" alt="建筑工程技术支持东莞网站建设适合什么场景" loading="lazy"> </div> <div class="news-content"> <h3 class="news-title">建筑工程技术支持东莞网站建设适合什么场景</h3> <div class="news-meta"> <span class="news-date">2026/11/1 0:01:07</span> </div> </div> </a> </article> <article class="news-card card fade-in"> <a href="/news/50614" class="news-link"> <div class="news-image"> <img src="http://pic.xiahunao.cn/yaotu/网页链接怎么打开进阶技巧" alt="网页链接怎么打开进阶技巧" loading="lazy"> </div> <div class="news-content"> <h3 class="news-title">网页链接怎么打开进阶技巧</h3> <div class="news-meta"> <span class="news-date">2026/11/1 0:03:09</span> </div> </div> </a> </article> <article class="news-card card fade-in"> <a href="/news/50623" class="news-link"> <div class="news-image"> <img src="http://pic.xiahunao.cn/yaotu/网站建设合同样本避坑指南:模板网站太丑不够用怎么办" alt="网站建设合同样本避坑指南:模板网站太丑不够用怎么办" loading="lazy"> </div> <div class="news-content"> <h3 class="news-title">网站建设合同样本避坑指南:模板网站太丑不够用怎么办</h3> <div class="news-meta"> <span class="news-date">2026/11/1 0:04:58</span> </div> </div> </a> </article> </div> </div> </section> <header class="header"> <nav class="nav-container"> <a href="/index.html" class="logo"> <img src="/images/logo.png" alt="编程新知 Logo" width="44" height="44"> <span>编程新知</span> </a> <ul class="nav-menu"><li><a href="/index.html" class="">首页</a></li><li class="has-sub"><a href="/coreui-components.html" class="">组件库<span class="caret"></span></a><div class="sub-menu"><a href="/coreui-components.html">组件库总览</a><a href="/coreui-button.html">按钮组件</a><a href="/coreui-form.html">表单组件</a><a href="/coreui-table.html">表格组件</a><a href="/coreui-chart.html">图表组件</a><a href="/coreui-modal.html">弹窗组件</a><a href="/coreui-nav.html">导航组件</a><a href="/coreui-theme.html">主题定制</a><a href="/coreui-layout.html">布局栅格</a></div></li><li class="has-sub"><a href="/ui-framework.html" class="">框架教程<span class="caret"></span></a><div class="sub-menu"><a href="/ui-framework.html">框架开发总览</a><a href="/vue3-guide.html">Vue3 实战</a><a href="/react-guide.html">React 实战</a><a href="/typescript-guide.html">TypeScript</a><a href="/vite-build.html">Vite 构建</a><a href="/webpack-optimize.html">Webpack 优化</a><a href="/tailwind-css.html">Tailwind CSS</a><a href="/micro-frontend.html">微前端架构</a><a href="/component-library.html">组件库建设</a></div></li><li class="has-sub"><a href="/tech-frontier.html" class="">前沿技术<span class="caret"></span></a><div class="sub-menu"><a href="/tech-frontier.html">前沿技术总览</a><a href="/ai-coding.html">AI 辅助编程</a><a href="/webassembly.html">WebAssembly</a><a href="/pwa-app.html">PWA 应用</a><a href="/serverless.html">Serverless</a><a href="/cloud-native.html">云原生</a><a href="/lowcode.html">低代码开发</a><a href="/edge-computing.html">边缘计算</a><a href="/bigmodel-api.html">大模型 API</a></div></li><li class="has-sub wide"><a href="/web-custom.html" class="">网站建设<span class="caret"></span></a><div class="sub-menu"><a href="/web-custom.html">网站定制开发</a><a href="/ui-solution.html">UI 建站方案</a><a href="/enterprise-website.html">企业官网建设</a><a href="/ecommerce-site.html">电商网站开发</a><a href="/responsive-design.html">响应式设计</a><a href="/website-seo.html">网站 SEO 优化</a><a href="/website-speed.html">网站提速</a><a href="/website-security.html">网站安全</a><a href="/multi-lang-site.html">多语言网站</a><a href="/website-cost.html">建站费用</a><a href="/government-website.html">政务网站</a><a href="/brand-website.html">品牌官网</a><a href="/education-website.html">教育网站</a><a href="/medical-website.html">医疗网站</a></div></li><li class="has-sub"><a href="/fullstack.html" class="">全栈开发<span class="caret"></span></a><div class="sub-menu"><a href="/fullstack.html">全栈开发总览</a><a href="/nodejs-dev.html">Node.js 后端</a><a href="/database-design.html">数据库设计</a><a href="/restful-api.html">RESTful API</a><a href="/graphql-api.html">GraphQL</a><a href="/docker-deploy.html">Docker 部署</a><a href="/auth-security.html">鉴权与安全</a><a href="/message-queue.html">消息队列</a><a href="/caching-strategy.html">缓存策略</a></div></li><li class="has-sub"><a href="/auto-deploy.html" class="">自动化部署<span class="caret"></span></a><div class="sub-menu"><a href="/auto-deploy.html">自动化部署总览</a><a href="/ci-cd-pipeline.html">CI/CD 流水线</a><a href="/github-actions.html">GitHub Actions</a><a href="/nginx-config.html">Nginx 配置</a><a href="/https-ssl.html">HTTPS 证书</a><a href="/server-deploy.html">服务器部署</a><a href="/blue-green-release.html">蓝绿发布</a><a href="/monitoring-logs.html">监控告警</a><a href="/data-backup.html">数据备份</a></div></li><li class="has-sub"><a href="/qa-zone.html" class="">开发问答<span class="caret"></span></a><div class="sub-menu"><a href="/qa-zone.html">开发问答总览</a><a href="/interview-prep.html">面试准备</a><a href="/code-review.html">代码评审</a><a href="/git-workflow.html">Git 协作</a><a href="/debugging-skills.html">调试技巧</a><a href="/unit-testing.html">单元测试</a><a href="/code-refactor.html">代码重构</a><a href="/opensource-guide.html">开源参与</a><a href="/career-planning.html">职业规划</a></div></li><li><a href="/project-cases.html" class="">项目案例</a></li><li><a href="/news.html" class="active">资讯中心</a></li><li><a href="/about.html" class="">关于我们</a></li> </ul> <div class="hamburger"><span></span><span></span><span></span></div> </nav> </header> <footer class="footer"> <div class="container"> <div class="footer-content"> <div class="footer-section footer-about"> <h3>关于编程新知</h3> <p>深耕互联网编程前沿领域,专注精选全网优质编程干货、行业前瞻技术、开发实战问答,覆盖 CoreUI 组件、UI 框架、全栈开发与网站建设等细分方向,打造精细化编程问答与知识共享平台。</p> <div class="footer-contact"> <span>contact@coreui.cn</span> <span>微信 CoreUI_CN</span> </div> </div> <div class="footer-section"> <h3>技术教程</h3> <div class="footer-links"> <a href="/coreui-components.html">CoreUI 组件教学</a> <a href="/ui-framework.html">前端 UI 框架开发</a> <a href="/tech-frontier.html">编程前沿技术</a> <a href="/fullstack.html">全栈编程知识</a> <a href="/auto-deploy.html">自动化部署教程</a> </div> </div> <div class="footer-section"> <h3>建站服务</h3> <div class="footer-links"> <a href="/web-custom.html">网站界面定制</a> <a href="/ui-solution.html">UI 建站方案</a> <a href="/project-cases.html">项目案例</a> <a href="/website-seo.html">网站 SEO 优化</a> <a href="/website-cost.html">建站费用指南</a> </div> </div> <div class="footer-section"> <h3>支持与联系</h3> <div class="footer-links"> <a href="/qa-zone.html">开发问答专区</a> <a href="/community.html">技术社区</a> <a href="/news.html">资讯中心</a> <a href="/about.html">关于我们</a> </div> <p class="footer-note">一站式技术学习与建站服务,欢迎交流合作。</p> </div> </div> <div class="footer-bottom"> <p class="footer-icp">© 2026 编程新知 CoreUI.cn 版权所有 | 专注编程技术分享与知识传播</p> </div> </div> </footer> <script src="/js/main.js"></script></body></html>