HTML include 方法

小夏 科技 更新 2024-02-01

为什么要使用 HTML include? 我该如何收录?

我们知道 Web 的三驾马车:HTML、JS 和 CSS,其中:

js 我们将传统中的所有逻辑都整合到一个 JS 文件中,现在我们提倡模块化开发,这就是它的用武之地require.jssea.jscommonjs和其他模块来加载框架amdcmd以及其他模块加载机制,这些机制也由 ES6 提供classmodules和其他机制,只有一个目的:模块化开发。

我们在页面上传递的 CSSlink您可以导入单个 CSS 文件,这些文件可以在 CSS 中使用import要引入其他 CSS 文件,为什么要这样做? 如果所有文件都写在一个文件中,你为什么要这样引入它们? 只有一个目的:模块化开发。

HTML 是如何模块化开发的? (⊙o⊙)…突然间,我的脑子有点混乱! 事实上,有很多方法可以模块化地开发 HTML,例如:

使用JS模板引擎,将HTML模块化为模板,使用时再通过AJAX加载,但这对SEO不利; 另一种方式是在模块中开发,使用gulp等工具打包,使用一些包含gulp的插件来重新编译html文件; 见下文! 通过以上分析,我们至少有 2 种在模块中开发 HTML 的方法,但是我们不使用 js,也不使用 gulp 之类的编译工具,有没有办法包含模板? 答案是:是的。

我们都知道动态脚本语言有 include 方法,例如:

html您如何为这样的静态页面实现包含? 答案是:SSI技术。 

SSI的全称是Server Side Include,也就是服务器端引入技术,介绍是什么? 这是CGI。

CGI 代表通用网关接口,一种用于 Web 服务器的技术。 服务器端包含可以通过SSI引入CGI来实现,那么该怎么做呢?

看看Apache服务器的SSI,你就会知道了!

让我们继续:现在您知道如何在 HTML 中使用 include,坦率地说,只要 Web 服务器支持语法,就可以编写 HTML。 如果您将来在 HTML 中看到以下语句,请不要惊慌,它是 SSI,不是 PHP 语法,也不是 JSP 语法。

特定的语法对特定的 Web 容器有很强的依赖性,以后更改 Web 容器可能会导致程序无法运行; 性能问题安全参考:

相似文章

    arXiv开始提供HTML格式的论文,以方便视障人士使用

    IT Home 月 日报道称,ARXIV 是知名的 预印本平台,研究人员无需同行评审即可独立发布 相当于 占用 了研究成果的所有权。今天,Arxiv正式宣布将推出HTML格式,该格式目前处于实验阶段,仅在新版本中可用,但正式致力于将其引入所有Arxiv内容。IT House 从 Arxiv 官方博客...

    如何设置 HTML 字间距

    HTML 中的字间距可以通过 CSS 设置。这里有几种方法可以做到这一点 方法 使用 letter spacing 属性。letter spacing 属性用于设置文本字符之间的间距。要使用此属性,您需要为要更改间距的元素添加样式规则,并将 letter spacing 属性设置为所需的间距值。例如...

    html元素的多个类的渲染优先级是多少?

    关键字 类名样式优先级。当 HTML 元素节点上有多个类名,并且存在与这些类名对应的冲突样式时,CSS 呈现优先级遵循以下规则 内联样式具有最高优先级。如果在元素节点的 style 属性中定义了内联样式,则它将覆盖所有其他样式规则。如果多个类名的样式规则具有相同的优先级,则将按照它们在 HTML 文...

    HTML语言的特点是什么?

    HTML 是一种用于创建网页的标记语言。它是一种文本语言,由用尖括号括起来的元素组成。这些元素描述网页的内容和结构。通用性 HTML 是一种通用语言,可用于创建任何类型的网页。无论您是创建简单的文本页面还是复杂的动态页面 HTML 都能满足您的需求。与平台无关 HTML 语言与平台无关,这意味着它可...

    如何设置html边框线

    HTML边框线的设置是网页设计中非常基本和重要的部分。通过合理设置边框线,可以使网页元素更加美观清晰,提升用户体验。本文将详细介绍如何设置 HTML 边框线,包括边框宽度 边框样式和边框颜色。.HTML边框线的基本概念。在 HTML 中,边框线由 CSS 样式设置。CSS是一种用来描述HTML文档样...