修复construction.html缺失HTML头部结构,完整添加DOCTYPE、head、body、导航栏和页面标题

This commit is contained in:
2026-06-03 04:57:25 +08:00
parent b7f0c739ef
commit a59928fdc1
35 changed files with 147 additions and 47 deletions

View File

@@ -1,3 +1,77 @@
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- SEO Meta Tags -->
<title>建造模拟 - 轻索方舱 | 高海拔环境乡村医疗服务基站</title>
<meta name="description" content="建造模拟:场地总图、建造流程、构件表">
<meta name="keywords" content="建筑设计,毕业设计,青藏高原,轻钢结构,医疗站,拉索结构,建造模拟">
<meta name="author" content="杨雨晴">
<!-- Open Graph / Social Media Meta Tags -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://solarark.net/g2026/g4/construction.html">
<meta property="og:title" content="建造模拟 - 雪域阳光方舟">
<meta property="og:description" content="建造模拟:场地总图、建造流程、构件表">
<!-- Base Path for Subdirectory Deployment -->
<base href="/g2026/g4/">
<!-- Smart Path Detection - Must run before CSS/JS loading -->
<script>
(function() {
const hostname = window.location.hostname;
// 本地开发环境自动移除 base 标签
if (hostname === 'localhost' || hostname === '127.0.0.1' || hostname === '') {
const baseTag = document.querySelector('base');
if (baseTag) {
baseTag.remove();
console.log('🔧 Local dev mode: base tag removed');
}
}
})();
</script>
<!-- Stylesheet -->
<link rel="stylesheet" href="css/style.css">
<!-- Favicon -->
<!-- <link rel="icon" type="image/png" href="images/favicon.png"> -->
</head>
<body>
<!-- 顶部固定导航栏 -->
<nav class="navbar" id="navbar">
<div class="nav-container">
<div class="nav-logo">毕业设计展示</div>
<ul class="nav-menu" id="navMenu">
<li><a href="index.html" class="nav-link">首页</a></li>
<li><a href="analysis.html" class="nav-link">前期分析</a></li>
<li><a href="design.html" class="nav-link">设计表现</a></li>
<li><a href="drawings.html" class="nav-link">设计图纸</a></li>
<li><a href="performance.html" class="nav-link">性能分析</a></li>
<li><a href="self-sufficiency.html" class="nav-link">自保障设计</a></li>
<li><a href="construction.html" class="nav-link active">建造模拟</a></li>
<li><a href="about.html" class="nav-link">关于项目</a></li>
</ul>
<div class="hamburger" id="hamburger">
<span></span>
<span></span>
<span></span>
</div>
</div>
</nav>
<!-- 页面标题区域 -->
<section class="page-header">
<div class="container">
<h1 class="page-title">建造模拟</h1>
<p class="page-subtitle">Construction Simulation</p>
</div>
</section>
<!-- 内容区域 -->
<!-- 1. 建造总图(一张大图) -->