有没有一种方法可以像CSS存储和应用样式那样存储和应用html内容到页面

我对html和CSS非常陌生，一直在学习如何更新网站

我了解如何使用CSS存储样式，以便轻松地将样式应用于多个元素/页面，并且更改CSS样式中的属性将自动更改它在多个页面中控制的所有html样式

我想知道您是否能够通过实际的html内容而不仅仅是样式属性来实现这一点

示例：我们有大量的项目页面，在每个项目页面的末尾，我们都有一个表，其中包含运行项目的经理的简历。此html代码手动写入每个页面。由于它是手动编写的，所以如果您想要更改或更新bio表中的信息，您必须在每个页面上进行检查并手动更新。有没有一种方法可以将bio表中的信息存储在类似于CSS样式表的东西中，这样它就可以链接到每个页面，更新样式表中的信息会自动更新链接到的每个页面上的信息

代码如下： CSS

.personAbio{
名称
上周的销售额
约翰
$100
}

Html

您正在寻找一种像PHP这样的后端编码语言。

您正在寻找一种像PHP这样的后端编码语言。

有几种方法可以满足您的需要

静态包含内容 第一种方法是使用（如前所述）一些服务器端语言。
使用PHP很简单，比如说我们在您的

项目中。\u 8.PHP

（注意PHP扩展！）您只需将此PHP代码放置在希望显示about内容的位置：

<?php include "about.html"; ?>

根据以上内容，您可以：

• 一个

  product.php

  文件模板（适用于所有产品）
• 只有一个

  header.html

  文件
• 只有一个

  footer.html

  文件
• 只有一个作者文件
• 一个包含所有

  nnn.html

  产品内容的

  products/

  文件夹

---

有几种方法可以满足您的需求
静态包含内容 第一种方法是使用（如前所述）一些服务器端语言。
使用PHP很简单，比如说我们在您的

项目中。\u 8.PHP

（注意PHP扩展！）您只需将此PHP代码放置在希望显示about内容的位置：

<?php include "about.html"; ?>

根据以上内容，您可以：
• 一个

  product.php

  文件模板（适用于所有产品）
• 只有一个

  header.html

  文件
• 只有一个

  footer.html

  文件
• 只有一个作者文件
• 一个包含所有

  nnn.html

  产品内容的

  products/

  文件夹
不，你不能
但是您可以使用JavaScript来存储数据，然后将它们绑定到表中
例如：
html:

名称
上周的拍卖

JavaScript/JQuery

var persons = [{name:'John', saleLastWeek:'100'}];
persons.forEach(function(person) {
    $('tbody').append(`<tr><td>${person.name}</td><td>${person.saleLastWeek}</td></tr>`);
}

var persons=[{name:'John'，saleLastWeek:'100'}]；
人员。forEach（功能（人员）{
$（'tbody'）.append（`${person.name}${person.saleLastWeek}`）；
}

这是一个例子，我在我的手机上，我没有尝试这个代码。 你需要学习JavaScript或Jquery。
不，你不能
但是您可以使用JavaScript来存储数据，然后将它们绑定到表中
例如：
html:

名称
上周的拍卖

JavaScript/JQuery

var persons = [{name:'John', saleLastWeek:'100'}];
persons.forEach(function(person) {
    $('tbody').append(`<tr><td>${person.name}</td><td>${person.saleLastWeek}</td></tr>`);
}

var persons=[{name:'John'，saleLastWeek:'100'}]；
人员。forEach（功能（人员）{
$（'tbody'）.append（`${person.name}${person.saleLastWeek}`）；
}

这是一个例子，我在我的手机上，我没有尝试这个代码。

---

您需要学习JavaScript或Jquery。
如前所述，您可以使用多种方法在服务器端完成此操作：
• 任何服务器端语言/框架：PHP、Ruby、Python、Java等
但是，您也可以在客户端执行此操作：
• 使用
  ：

• 使用Javascript：

• 将所有manager bios放入，例如，

  manager bios.js

  ：

  var managerBios = { 
    "john" : { "fullName": "John Doe", "projects": ["a", "b", "c"] ...}
    "jane" : ....
  }
  

---

• 在html中引用它：

  如前所述，您可以使用多种方法在服务器端执行此操作：
  
  
  
  任何服务器端语言/框架：PHP、Ruby、Python、Java等
  
  但是，您也可以在客户端执行此操作：
  
  
  使用
  ：
  
  使用Javascript：
  
  将所有manager bios放入，例如，
  manager bios.js
  ：
  
  var managerBios = { 
    "john" : { "fullName": "John Doe", "projects": ["a", "b", "c"] ...}
    "jane" : ....
  }
  
  
  在html中引用它：
  谢谢你的回复。你知道我可以搜索PHP的一个分支或特定命令来了解如何做到这一点吗？我将从一个基本的PHP教程开始…你想要做的听起来像是构建动态内容。你可以从那里开始。W3schools免费提供了很棒的教程：谢谢你的回复。你知道我可以搜索PHP的某个分支或特定命令来了解如何执行此操作吗？我将从一个基本的PHP教程开始…你想做的事情听起来像是构建动态内容。你可以从那里开始。W3schools免费提供了很棒的教程：
  var managerBios = { 
    "john" : { "fullName": "John Doe", "projects": ["a", "b", "c"] ...}
    "jane" : ....
  }
  
  $(document).load(function() {
     var managerId = $("#responsibleManager").data("manager");
     $("#responsibleManager").html("<div>" + managerBios[managerId].fullName + "</div> Projects: " + managerBios[managerId].projects.join(","));
  }
  
  $("#responsibleManager").load("managers/" + $("#responsibleManager").data("manager") + ".html");