html5几个页面共用一个footer,怎么做

html5几个页面共用一个footer,怎么做,第1张

将footer写一个新的html文件。

如:

<div class="footer">

<iframe src="footer.html" frameborder="0" scrolling="no"></iframe>

</div>

如果你是使用动态语言jsp的话,就更好搞了。

<jsp:include page="footer.html" flush="true"/>

<%@ include file="footer.html" %>

新增的结构标签:

1、header元素

表示页面中一个内容区块或真个页面的标题。

2、hgroup元素

表示对真个页面或页面中的一个内容区块的标题进行组合。

3、article元素 

表示页面中一块与上下文不相关的独立内容。比如一篇文章。

4、aside元素

表示article元素内容之外的、与article元素内容相关的辅助信息。

5、footer元素

表示整个页面或页面中一个内容区块的脚注。一般来说,他会包含创作者的姓名、创作日期以及创作者的联系信息。

HTML5新规则:

新特性应该基于 HTML、CSS、DOM 以及 JavaScript。 减少对外部插件的需求(比如 Flash),更优秀的错误处理,更多取代脚本的标记,HTML5 应该独立于设备开发进程应对公众透明

HTML5 新特性:

新的特殊内容元素,比如 article、footer等,新的表单控件,比如 calendar、date、time、email、url、search;用于媒介回放的 video 和 audio 元素;用于绘画的 canvas 元素 

对本地离线存储的更好的支持。

这种应该是fixed效果(设置某一模块固定在浏览器底部,页面滚动的时候也是),如果是我说的效果可以通过css设置:

position: fixed

bottom:0

left:0

width:100%

这里要注意,设置fixed的元素要记得设置宽度。如果要考虑低级的ie浏览器,就要加上css表达式实现,因为ie6不支持fixed属性。


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/zaji/6302549.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-20
下一篇 2023-03-20

发表评论

登录后才能评论

评论列表(0条)

保存