网页文件如何包含一个页头html文件啊 - HTML/CSS当前位置:& &&&网页文件如何包含一个页头html文件啊网页文件如何包含一个页头html文件啊www.MyException.Cn&&网友分享于：&&浏览：144次网页文件怎么包含一个页头html文件啊？一个网站的每个页面想要用同样的页头，那么怎么把页头文件应用到每个页面中呢？------解决方案--------------------
jsp的话用include
12345678910
12345678910
12345678910 上一篇：下一篇：文章评论相关解决方案 12345678910 Copyright & &&版权所有3被浏览1,081分享邀请回答0添加评论分享收藏感谢收起html调入页头页尾 ，页头页尾各单独存一个HTML， 原网页把原页头页尾去掉，然后引入存好的页头页尾。_百度知道
html调入页头页尾 ，页头页尾各单独存一个HTML， 原网页把原页头页尾去掉，然后引入存好的页头页尾。
我有更好的答案
html嵌入一个iframe可以实现，或者用js来添加也可以，建议存成动态网页更方便，iframe和js不利于seo
&!-- #include file = &myfile.asp& --&这样写应该可以！
html页面做不到这个！使用服务器端动态脚本或者shtml到是可以
好好好好好好好好好好好
其他1条回答
为您推荐：
其他类似问题
换一换
回答问题，赢新手礼包
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。如何保证页面header和footer不变，只加载内部部分 - ITeye问答
就我所了解的：页面局部加载。我知道的有frameset，iframe，ajax，jquery load，div 显示或隐藏，frameset现在很少有人用了，如果子frame内容过多，会出现滚动条，比较难看，jquery load比较慢，ie 里面可导致内存泄露，div显示和隐藏适用于页面比较少的项目，iframe使用起来比较难。这些局部加载方式也干掉浏览器back按钮，对于页面加载比较多的纯html项目，有没有其他的方式既可以很好的局部加载页面，又不干掉浏览器前进后退按钮？
我们网站用sitemesh& 你可以试试
tiles早就从struts中独立出来了，前台内容不多用include足够了，复杂多变用tiles，后台管理系统要求高效简洁明了，感觉frame最好，现在基本上也都是这个
Web应用有前台，后台的分别。你的需求——页面布局也是一样。
我的经验是：
- 后台即服务器端的布局，通常用在需要跳转的页面。
比如用户管理页面跳转到商品检索之类的。
这时候的选择有被提到过的Tiles,SiteMesh等。其实好多显示层框架也都自带这样的功能JSF，Wicket等。
所以如何固定页头页脚——页面布局这个问题，取决于项目使用的显示层框架。
- 前台即客户端的布局，通常用在无需跳转的页面。
比如同样是用户管理页面，增删改查的操作都希望停留在同一个页面。
这时候的选择，基本上你已经全部都列举出来了。
frameset——要被淘汰。
iframe——很难处理浏览器的前进后退。通常用自己的按钮代替。
jquery（load）——推荐
div的显示隐藏——这个不算异步加载吧。
我个人推荐JQuery的方式。理由是这种方式在浏览器的后退及前进上一定程度可控。
onhashchange事件
HTML5的history.pushState和history.replaceState
（IE8以前的版本要麻烦！）
- 内存泄漏
这个只能寄希望与jQuery的改进和偏方了。哈。
struts之tiles
用sitemesh这类框架，这样固定头部和底部,只更新页面主要部分,ajax，jframe绝非良策
看了下你列举的几个都是client端的，这样如果应用到整合项目上是很难的，所以建議你去看看tiles，这个是服务端的，可以引入到你的项目里边，就是为了满足你的这种需求才出现的一个框架。
iframe吧, 没你想象得那么难, 以前做的好几个项目都是嵌套的iframe
你吧方法都列全了&& 在其中找个合适的吧&& 纯html 可能ajax比较多
已解决问题
未解决问题如何规范大型网站的HTML代码-马海祥博客
新型SEO思维就是从一个全新的层次上提升seo优化的水平，达到网络信息最佳化的展示效果！
> 如何规范大型网站的HTML代码
如何规范大型网站的HTML代码
时间：&&&文章来源：马海祥博客&&&访问次数：
写Web页面就像我们建设房子一样，地基牢固，房子才不会倒。同样的，我们制作Web页面也是一样的，一个良好的HTML结构是制作一个网站的开始，良好的CSS只存在同样良好的HTML中，所以一个干净的，语义的HTML的优点很多，那么平时制作中，我们又该如何规范大型网站的HTML代码呢？
1、DOCTYPE的声明
如果我们想做好一件事情，首先要知道我们有哪些权利去做，就如网页中&DOCTYPE&的声明，我们没有必要去讨论是否使用HTML4.01或者XHTML1.0或者说现在的HTML5都提供了严格版本或者过渡版本，这些都能很好的支持我们写的代码：
由于我们现在的布局不需要table布局也能做出很好的布局，那么我们就可以考虑不使用过渡型而使用严格型的&DOCTYPE&，为了向后兼容，对此，马海祥建议使用HTML5的声明模式：
&!DOCTYPE HTML&
　　&html lang=&en-US&&
2、字符集和编码字符
在每个页面的开始中，我们都在&head&中设置了字符集，我们这里都是使用&UTF-8&。
&meta charset=&UTF-8& /&
而且我们在平时写页面中时，时常会碰到&&&这样的符号，马海祥认为我们不应该直接在页面这样写&&&，如下图所示：
我们应该在代码中使用字符编码来实现，比如说&&&我们在代码中应该使用&&&来代替它。
3、正确的代码缩进
在页面编辑中，代码的缩进有没有正确，他不会影响你网站的任何功能，但要是你没有一个规范的缩进原则，让读你代码的人是非常的生气，所以说正确的代码缩进可以增强你的代码可读性。
标准程序的缩进应该是一个制表符（或几个空格），我们来一起来看下面展示的这张图，你看后就知道以后自己的代码要怎么样书写了：
不用说，大家都喜欢下面的那种代码吧。这只是一个人的习惯问题，不过马海祥建议从开始就要做好，利人利已。
4、CSS样式和Javascript脚本
页面中写入CSS样式有很多种方法，有些直接将样式放入页面的&&head&&中，这将是一个很不好的习惯，因为这样不仅会搞乱我们的标记，而且这些样式只适合这一个HTML页面。
所以，我们需要将CSS单独提出，保存在外部，这样后面的页面也可以链接到这些样式，如果你页面需要修改，我们也只需要修改样式文件就可以。正如下图所示：
上面我们所说的只是样式，其实javascript脚本也和CSS样式是同一样的道理。
所以，马海祥建议大家在制作web页面中，尽量将你的CSS样式和javascript脚本单独放在一个文件中，然后通过链接的方式引用这些文件，这样做的最大好处是，方便你的样式和脚本的管理与修改。
5、正确的标签嵌套
我们在写HTML时总是需要标签的层级嵌套来帮我们完成HTML的书写，但这些HTML的嵌套是有一定的规则的，如果要细说的话，我们可能要用几个章节来描述，那么我今天这里要说的是，我们在写HTML时不应该犯以下这样的超级错误：
上图的结构我们是常见的，比如说首页的标题，那么我们就应该注意了，不能把&&h1&&放在&&a&&标签中，换句话说，就是不能把块元素放在行内(inline)元素中。
当然，上面只是一个例子，只是希望大家在平时的制作中不应该犯这样的超级错误。
6、删除不必要的标签
首先我们一起来看一个实例的截图：
上图明显是一个导航菜单的制作，在上图的实例中：有一个&div#topNav&包住了列表&ul#bigBarNavigation&，而&div&和&ul&列表都是块元素，加上&div&此处用来包&ul&根本就没有起到任何作用。
虽然&div&的出现给我们制作web页面带来了极大的好处，但我们也没有必要到处这样的乱用，不知道大家平时有没有注意这样的细节呢？我是犯这样的错误，如果你也有过这样的经历，那么从今天开始，从现在开始，我们一起努力来改正这样的错误，当然你也可以做好建站指南（具体可查看马海祥博客的《》相关介绍）。
7、使用更好的命名
这里所说的命名就是给你的页面中相关元素定义类名或者是ID名，很多同学都有这类的习惯，比如说有一个元素字体是红色的，给他加上&red&，甚至布局都写&left-sidebar&等，但是你有没有想过，如果这个元素定义了&red&后，过几天客户要求使用&蓝色&呢？或者又说，那时的&left-sidebar&边栏此时不想放在左边了，而是想放在右边，那么这样一来我们前面的命名可以说是一点意义都没有了，正如下面的一个图所示：
那么定义一个好的名就很得要了，不但自己能看懂你的代码，而且别人也能轻松读懂你的代码，比如说一个好的类名和ID名&mainNav&、&subNav&、&footer&等，他能描述所包含的事情。不好的呢，比如前面所说的。
8、离开版本的CSS
我们在设计菜单时，有时要求所有菜单选项的文本全部大写，大家平时是不是直接在HTML标签中就将他们设置成大写状态呢？
如果是的话，我觉得不好，如果为了将来具有更好的扩展性，我们不应该在HTML就将他们设置为全部大写，更好的解决方法是通过CSS来实现，如下图所示：
9、定义&body&的类名或ID名
大家平时制作web页面时不知道有没有碰到这样的问题，就是整站下来，使用了相同的布局和结构，换句话说，你在页面的布局上使用了相同的结构，相同的类名，但是突然你的上级主管说应客户的需求，有一个页面的布局需要边栏和主内容对换一下。
此时你又不想为了改变一下布局而修改整个页面的结构，此时有一个很好的解决办法，就是在你的这个页面中的&&body&&中定义一个特殊的类名或ID名，这样来你就可以轻松的达到你所要的需求。这样的使用，不知道大家使用过没有：
给&&body&&定义独特的类和ID名称是非常强大的，不仅仅是为了像上面一样帮你改变布局，最主要的是有时他能帮你实现页面中的某一部分达到特殊效果，而又不影响其它页面的效果。
为什么有这样的功能，不用我说我想大家都是知道的，因为每个页面的内容都是&&body&&的后代元素。
10、验证你的代码
人不免会出错，我们编写代码的时候也是一样的，你有时候总会小写或多写，比如说忘了关闭你的元素标签，不记得写上元素必须的属性，虽然有一些错误不会给你带来什么灾难性的后果，但也不免会给你带来你无法意估的错误。所以建议您写完代码的时候去验证你一下你的代码，以免出现下面的错误：
为一有效的验证你的代码，我们可以使用相关的工具或者浏览器的插件来帮助我们完成。如果你的代码没有任何错误，W3C验证工具会在你们面前呈现绿色的文字，这样让你是无比的激动人心，因为再次证明了你写的代码经得起W3C的标准（在此，推荐大家可以看下马海祥博客的《》相关介绍）。
11、逻辑顺序
这是一个很少见的错误情况，因为我想大家写页面都不会把逻辑顺序打乱，换句话说，如果可能的话，让你的网站具有一个先后逻辑顺序是最好的，比如说先写页头，在写页体，最后写页脚。
当然有时也会碰到特殊情况，如何页脚部分在于我们代码的边栏以上，这可能是因为它最适合你的网站设计需求，这样或许是可以理解的，但是如果你有别的方式实现，我们都应该把页脚是放在一个页面的最后，然后在通过特定的技术让它达到你的设计需求：
12、坚持良好的HTML代码规则
我已经总结了很多让HTML代码书写的更加简洁的原则在这里，这将是一个很好的开始，但还有更多。当你试图修复你现的代码，可能会发现很困难，而如果你完全当做从头开始学习，却可能会容易的多。不管如何，重要的是，你应该学习如何撰写良好的HTML并且坚持下去。
当你下次书写一个HTML代码项目时，谨记这些简洁原则，Just do what you can，You&ll do better！
如果让你从一个项目的开始，这一切可能都是非常容易的，但是如果需要你去修复一个现有的代码，那多少都会有一定的难度。所以说我们要将如何学习编写一个良好的、整洁的HTML代码，并且一直坚持这样的编写。
马海祥博客点评：
要使搜索引擎收录我们的网页，其前提是要让搜索引擎的Spider能读懂我们的Web文件，搜索引擎Spider阅读网页的根据便是HTML规范，通过对HTML代码的分析，Spider才能判断网页内容，在此基础上才能判断针对相应关键词的相关性。
另外，有效的HTML也可以保证Web页面可以在多种浏览器下被正确解释，避免同一个页面在不同的浏览器上显示不同的页面，同时，这对于提高网站的可用性方面也是有着极大好处的。
本文为原创文章，如想转载，请注明原文网址摘自于http://www.mahaixiang.cn/html/648.html，注明出处；否则，禁止转载；谢谢配合！
您可能还会对以下这些文章感兴趣！
昨天，国内三大运营商中国移动、中国联通和中国电信同时宣布，手机流量当月不清零服务将从10月1日起正式实……
最近，听到很多互联网的成功人士在强调说：如今的中国互联网变化真的很快，尤其是电商行业，如果不努力时刻……
好久没来百度站长工具平台了，今天在登陆百度站长平台上发现百度上线了WordPress结构化数据插件和Discuz结……
网站seo优化公式 SEO=Clock=C1+L2+K3+O4 1、是一个积分符号，C=c……
通过分析服务器日志的数据，我们可以看出蜘蛛的活跃程度、亲和程……
HTTPS与其他的谷歌参考因素不同，实行起来比较复杂，有一定的风……
我们在搜索引擎上找东西是输入一个关键词然后搜索引擎就会针对这……
由于此次整理的SEO作弊方法大全的内容比较多，也比较全面，导致……
在今年的315晚会上，有一个词再次引起了广大网友的关注，那就是C……
本月热点文章