文本查看器


<!doctypehtml><html lang=zh-CN><head><meta charset=UTF-8><meta content=width=device-width,initial-scale=1.0 name=viewport><title>人造草坪足球场面积指南  - 优正体育</title><meta name='keywords' content='人造草坪足球场面积指南 '><!--ke--><!--ke--><!--ke--><!--ke--><script src=https://cdn.tailwindcss.com/3.4.16></script><script>tailwind.config={darkMode:`class`}</script><link href=https://cdn.bootcdn.net/ajax/libs/font-awesome/6.4.0/css/all.min.css rel=stylesheet><script src=https://jsdelivr.topthink.com/npm/chart.js></script><style>@import "https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700&display=swap";:root{--primary:#06f;--primary-light:#3b82f6;--secondary:#6366f1;--text-primary:#1f2937;--text-secondary:#4b5563;--bg-primary:#fff;--bg-secondary:#f9fafb;--border:#e5e7eb}.dark{--primary:#3b82f6;--primary-light:#60a5fa;--secondary:#818cf8;--text-primary:#f9fafb;--text-secondary:#d1d5db;--bg-primary:#111827;--bg-secondary:#1f2937;--border:#374151}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:Noto Sans SC,sans-serif;transition:background-color .3s,color .3s}.card{background-color:var(--bg-primary);border:1px solid var(--border);transition:transform .3s,box-shadow .3s,border-color .3s}.card:hover{border-color:var(--primary-light);transform:translateY(-5px);box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.btn{transition:transform .2s,background-color .2s}.btn:hover{transform:scale(1.05)}.fade-in{animation:.8s ease-in fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.chart-container{width:较高;height:300px;position:relative}.custom-table{border-collapse:separate;border-spacing:0;width:较高}.custom-table th,.custom-table td{text-align:left;border-bottom:1px solid var(--border);padding:12px 16px}.custom-table th{background-color:var(--bg-secondary);font-weight:500}.custom-table tr:last-child td{border-bottom:none}.custom-table tr:nth-child(2n){background-color:var(--bg-secondary)}</style></head><body class=min-h-screen><header class="sticky top-0 z-50 bg-opacity-95 backdrop-blur-sm bg-white dark:bg-gray-900 border-b border-gray-200 dark:border-gray-700 shadow-sm"><div class="container mx-auto px-4 py-4 flex justify-between items-center"><h1 class="text-xl md:text-2xl font-bold text-blue-600 dark:text-blue-400">人造草坪足球场面积指南</h1><div class="flex items-center space-x-4"><button class="p-2 rounded-full hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors"id=theme-toggle><i class="fas fa-sun text-yellow-500 dark:hidden"></i> <i class="fas fa-moon text-blue-300 hidden dark:block"></i></button></div></div></header><main class="container mx-auto px-4 py-8 max-w-5xl"><section class="mb-12 fade-in"><div class="bg-gradient-to-r from-blue-500 to-indigo-600 rounded-xl p-8 text-white shadow-lg"><h2 class="text-2xl md:text-3xl font-bold mb-4">人造草坪足球场面积概览</h2><p class="text-lg opacity-90">根据国际标准和实际应用情况，不同规模的足球场面积差异显著，从1000平方米到10800平方米不等。了解这些标准尺寸有助于您选择合适的场地。</div></section><section class="mb-12 fade-in"style=animation-delay:.2s><h2 class="text-2xl font-bold mb-6 flex items-center"><i class="fas fa-chart-bar mr-3 text-blue-500"></i> 足球场面积对比</h2><div class="chart-container bg-white dark:bg-gray-800 rounded-xl p-6 shadow-md"><canvas id=areaChart></canvas></div></section><section class="mb-12 fade-in"style=animation-delay:.4s><h2 class="text-2xl font-bold mb-6 flex items-center"><i class="fas fa-futbol mr-3 text-blue-500"></i> 不同规模足球场面积标准</h2><div class="grid grid-cols-1 md:grid-cols-3 gap-6"><div class="card rounded-xl overflow-hidden shadow-md"><div class="bg-blue-500 p-4 text-white"><h3 class="text-xl font-bold">11人制足球场</h3></div><div class=p-6><div class="flex items-center mb-4"><div class="w-12 h-12 rounded-full bg-blue-100 dark:bg-blue-900 flex items-center justify-center mr-4"><i class="fas fa-users text-blue-500 text-xl"></i></div><div><p class="text-sm text-gray-500 dark:text-gray-400">国际标准<p class=font-medium>7140平方米</div></div><div class="space-y-3 text-sm"><div class="flex justify-between"><span>长度</span><span class=font-medium>105米</span></div><div class="flex justify-between"><span>宽度</span><span class=font-medium>68米</span></div><div class="flex justify-between"><span>面积范围</span><span class=font-medium>4050-10800平方米</span></div></div></div></div><div class="card rounded-xl overflow-hidden shadow-md"><div class="bg-indigo-500 p-4 text-white"><h3 class="text-xl font-bold">7人制足球场</h3></div><div class=p-6><div class="flex items-center mb-4"><div class="w-12 h-12 rounded-full bg-indigo-100 dark:bg-indigo-900 flex items-center justify-center mr-4"><i class="fas fa-users text-indigo-500 text-xl"></i></div><div><p class="text-sm text-gray-500 dark:text-gray-400">标准尺寸<p class=font-medium>3500平方米</div></div><div class="space-y-3 text-sm"><div class="flex justify-between"><span>长度</span><span class=font-medium>75米</span></div><div class="flex justify-between"><span>宽度</span><span class=font-medium>55米</span></div><div class="flex justify-between"><span>面积范围</span><span class=font-medium>1260-4200平方米</span></div></div></div></div><div class="card rounded-xl overflow-hidden shadow-md"><div class="bg-purple-500 p-4 text-white"><h3 class="text-xl font-bold">5人制足球场</h3></div><div class=p-6><div class="flex items-center mb-4"><div class="w-12 h-12 rounded-full bg-purple-100 dark:bg-purple-900 flex items-center justify-center mr-4"><i class="fas fa-user-friends text-purple-500 text-xl"></i></div><div><p class="text-sm text-gray-500 dark:text-gray-400">小型场地<p class=font-medium>约1000平方米</div></div><div class="space-y-3 text-sm"><div class="flex justify-between"><span>长度</span><span class=font-medium>42米</span></div><div class="flex justify-between"><span>宽度</span><span class=font-medium>25米</span></div><div class="flex justify-between"><span>面积范围</span><span class=font-medium>约1000平方米</span></div></div></div></div></div></section><section class="mb-12 fade-in"style=animation-delay:.6s><h2 class="text-2xl font-bold mb-6 flex items-center"><i class="fas fa-info-circle mr-3 text-blue-500"></i> 足球场面积参考数据</h2><div class="overflow-x-auto bg-white dark:bg-gray-800 rounded-xl shadow-md"><table class="custom-table w-full"><thead><tr><th>足球场类型<th>标准面积<th>长度<th>宽度<th>面积范围<tbody><tr><td class=font-medium>11人制足球场<td>7140平方米<td>105米<td>68米<td>4050-10800平方米<tr><td class=font-medium>7人制足球场<td>3500平方米<td>75米<td>55米<td>1260-4200平方米<tr><td class=font-medium>5人制足球场<td>约1000平方米<td>42米<td>25米<td>约1000平方米</table></div></section><section class="mb-12 fade-in"style=animation-delay:.8s><h2 class="text-2xl font-bold mb-6 flex items-center"><i class="fas fa-image mr-3 text-blue-500"></i> 五人制足球场示例</h2><div class="bg-white dark:bg-gray-800 rounded-xl overflow-hidden shadow-md"><div class="aspect-w-16 aspect-h-9"><img class="w-full h-auto object-cover"alt=五人制足球场示例 src=//pan.zgyzty.com/bak/pics/2025/3262367aca37aaa0a467fe0f4ebf6989.jpg></div><div class=p-6><p class="text-gray-600 dark:text-gray-300">多利隆|标准五人制足球场尺寸 dllturf.com</div></div></section><section class="mb-12 fade-in"style=animation-delay:1s><h2 class="text-2xl font-bold mb-6 flex items-center"><i class="fas fa-lightbulb mr-3 text-blue-500"></i> 总结</h2><div class="bg-blue-50 dark:bg-blue-900/30 rounded-xl p-6 border-l-4 border-blue-500"><p class="text-lg leading-relaxed">人造草坪足球场的面积因人数制式而变化，从1000平方米到10800平方米不等。其中，11人制足球场的面积较大，为7140平方米，而5人制足球场的面积较小，约为1000平方米。这些数据均基于国际标准和实际应用情况，为不同需求的足球场提供了参考。</div></section></main><footer class="bg-gray-100 dark:bg-gray-900 py-8 border-t border-gray-200 dark:border-gray-800"><div class="container mx-auto px-4"><div class="flex flex-col md:flex-row justify-between items-center"><div class="mb-4 md:mb-0"><p class="text-gray-600 dark:text-gray-400">作者： 优正体育跑道厂家万梅18571459135</div><div class="flex space-x-4"><a class="text-gray-500 hover:text-blue-500 dark:text-gray-400 dark:hover:text-blue-400 transition-colors"href=#> <i class="fab fa-weixin text-xl"></i> </a><a class="text-gray-500 hover:text-blue-500 dark:text-gray-400 dark:hover:text-blue-400 transition-colors"href=#> <i class="fab fa-weibo text-xl"></i> </a><a class="text-gray-500 hover:text-blue-500 dark:text-gray-400 dark:hover:text-blue-400 transition-colors"href=#> <i class="fas fa-envelope text-xl"></i> </a></div></div></div></footer><script>const themeToggle=document.getElementById(`theme-toggle`);if(window.matchMedia&&window.matchMedia(`(prefers-color-scheme: dark)`).matches){document.documentElement.classList.add(`dark`)};themeToggle.addEventListener(`click`,()=>{document.documentElement.classList.toggle(`dark`)});const ctx=document.getElementById(`areaChart`).getContext(`2d`);const isDark=document.documentElement.classList.contains(`dark`);const textColor=isDark?`#D1D5DB`:`#4B5563`;const gridColor=isDark?`rgba(255, 255, 255, 0.1)`:`rgba(0, 0, 0, 0.1)`;const areaChart=new Chart(ctx,{type:`bar`,data:{labels:[`5人制`,`7人制`,`11人制`],datasets:[{label:`标准面积(平方米)`,data:[1000,3500,7140],backgroundColor:[`rgba(147, 197, 253, 0.7)`,`rgba(139, 92, 246, 0.7)`,`rgba(99, 102, 241, 0.7)`],borderColor:[`rgb(147, 197, 253)`,`rgb(139, 92, 246)`,`rgb(99, 102, 241)`],borderWidth:1}]},options:{responsive:!0,maintainAspectRatio:!1,plugins:{legend:{labels:{color:textColor}},tooltip:{backgroundColor:`rgba(0, 0, 0, 0.7)`,titleColor:textColor,bodyColor:textColor,padding:12,cornerRadius:6}},scales:{y:{beginAtZero:!0,ticks:{color:textColor},grid:{color:gridColor}},x:{ticks:{color:textColor},grid:{color:gridColor}}}}});themeToggle.addEventListener(`click`,()=>{const a=document.documentElement.classList.contains(`dark`);const b=a?`#D1D5DB`:`#4B5563`;const c=a?`rgba(255, 255, 255, 0.1)`:`rgba(0, 0, 0, 0.1)`;areaChart.options.plugins.legend.labels.color=b;areaChart.options.plugins.tooltip.backgroundColor=a?`rgba(0, 0, 0, 0.7)`:`rgba(255, 255, 255, 0.7)`;areaChart.options.plugins.tooltip.titleColor=b;areaChart.options.plugins.tooltip.bodyColor=b;areaChart.options.scales.y.ticks.color=b;areaChart.options.scales.x.ticks.color=b;areaChart.options.scales.y.grid.color=c;areaChart.options.scales.x.grid.color=c;areaChart.update()});const observer=new IntersectionObserver(a=>{a.forEach(a=>{if(a.isIntersecting){a.target.classList.add(`fade-in`)}})},{threshold:0.1});document.querySelectorAll(`section`).forEach(a=>{observer.observe(a)})</script>
</body></html>