html静态网页（用html编写的文档属于什么网页）

本文目录

• 用html编写的文档属于什么网页
• 求简单的HTML静态页面代码
• 如何复用HTML模板代码，比如头部尾部等相同代码的部分，具体怎么做
• HTML是动态页面还是静态页面

用html编写的文档属于什么网页

使用 HTML 编写的文档属于静态网页。静态网页是指在服务器上预先编写好，并固定存储在磁盘中的网页，其内容在用户请求时直接传输到客户端浏览器进行显示。由于静态网页的内容比较固定，因此其加载速度较快，且易于缓存和搜索引擎抓取。
相对而言，动态网页则是通过服务器端程序和数据库等技术动态生成的网页，其内容可以根据用户请求的不同而动态生成和显示。由于动态网页需要执行一些额外的操作，如查询数据库、处理表单数据等，因此其响应速度比较慢，但也更具有交互性和可扩展性。
需要注意的是，在实际应用中，往往需要将静态网页与动态网页结合起来使用，以达到更好的效果。比如，我们可以使用 HTML/CSS/JavaScript 等前端技术制作静态页面，然后通过 AJAX 或浏览器端脚本动态地向服务器请求数据并完成页面的更新。这样既能够兼顾静态网页的优点，又能够实现动态功能的需求。

求简单的HTML静态页面代码

其实这里有人已经说了，用锚点 2.html# 但是这样的换就是一个固定的的方，还是跳一下，只不过位置不一样，再一个就点击的时候，用js的cookie记录下来位置，，到了html2的时候，读出cookie显示位置，不过我觉得你想要的结果应该是用一个iframe，里面显示1.html,点击的后改iframe的src=2.html,这样页面就不会跳了，页面就不会动

如何复用HTML模板代码，比如头部尾部等相同代码的部分，具体怎么做

HTML复用，不需要任何模板就可以复用相同的内容

条件：控制页面布局显示就可以完成

示例：

• 主页

《!DOCTYPE html》

《html》

《head》

《meta charset=’utf-8’ /》

《title》HTML调试《/title》

《script type=’text/javascript’ src=’js/jquery-1.8.0.min.js’》《/script》

《script src=’js/zui.min.js’ type=’text/javascript’ charset=’utf-8’》《/script》

《script src=’js/jquery-barcode.js’ type=’text/javascript’ charset=’utf-8’》《/script》

《link rel=’stylesheet’ type=’text/css’ href=’css/zui.css’ /》

《style type=’text/css’》

#container {

position: absolute;

left: 0;

top: 0;

right: 0;

bottom: 0;

width: 100%;

height: 100%;

overflow: auto;

font-family: ’宋体’;

}

《/style》

《/head》

《body》

《div id=’container’》

《!--复用页面容器1--》

《div style="position: absolute;left: 0px;top: 0px;height: 70px;width: 100%;border-bottom: 1px solid #F1F1F1;"》

《iframe align="center" width="100%" height="70px" src="html/page_header.html" frameborder="no" border="0" marginwidth="0" marginheight="0" scrolling="no"》《/iframe》

《/div》

《div id="contents" style="position: absolute;left: 0px;top: 70px;width: 100px;"》

《!--不相同内容容器--》

《/div》

《!--复用页面容器2--》

《div style="position: absolute;left: 0px;top: 585px;height: 70px;width: 100%;border-top: 1px solid #F1F1F1;"》

《iframe align="center" width="100%" height="70px" src="html/page_footer.html" frameborder="no" border="0" marginwidth="0" marginheight="0" scrolling="no"》《/iframe》

《/div》

《/div》

《/body》

《/html》

• 复用页面1

《!DOCTYPE html》

《html》

《head》

《meta charset="UTF-8"》

《script src="../js/jquery-1.8.0.min.js" type="text/javascript" charset="utf-8"》《/script》

《link rel="stylesheet" href="../css/bootstrap.min.css" /》

《title》复用头部《/title》

《/head》

《body》

《div style="position: absolute;left: 0px;top: 0px;height: 70px;width:100%;background: #ff0;font-size: 30px;text-align: center;line-height: 70px;"》

复用头部

《/div》

《/body》

《/html》

• 复用页面2

《!DOCTYPE html》

《html》

《head》

《meta charset="UTF-8"》

《script src="../js/jquery-1.8.0.min.js" type="text/javascript" charset="utf-8"》《/script》

《link rel="stylesheet" href="../css/bootstrap.min.css" /》

《title》复用底部《/title》

《/head》

《body》

《div style="position: absolute;left: 0px;top: 0px;height: 70px;width:100%;background: #ff0;font-size: 30px;text-align: center;line-height: 70px;"》

复用底部

《/div》

《/body》

《/html》

项目结构

实现结果：

HTML是动态页面还是静态页面

HTML叫做静态页面
HTML表示结构，CSS表示样式，由HTML与CSS制作的页面，叫做“纯静态页面”
如果在HTML与CSS基础上，添加了JavaScript技术，也就是让页面当中的元素动了起来，则叫做“静态页面”
所谓动态页面，指的是，动态数据的页面，而非模拟数据的页面。HTML与CSS、JS三种技术是“HTML5开发工程师/WEB前端开发工程师”的工作内容，网页当中的数据均为静态数据（工程师书写进去的，模拟的），当前端页面与后台（PHP、JAVA）整合之后，网页当中的数据是来源于数据库时，则称为“动态页面”。