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

html-css012

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" %>

可以将footer的position属性设置为绝对定位(fixd或absolute),然后设置top、botum、left、right值即可。

在CSS中关于定位的内容是:position:relative | absolute | static | fixed。static 没有特别的设定,遵循基本的定位规定,不能通过z-index进行层次分级。在本文流中,任何一个元素都被文本流所限制了自身的位置,但是通过CSS我们依然使得这些元素可以改变自己的位置,我们可以通过float来让元素浮动,我们也可以通过margin来让元素产生位置移动。

静态html本身就是由头部,主干区域,底部组成的;

当然先排除html5中的header与footer标签,一个静态的网页由这三大部分来组成,header头部区域、footer底部局域;以及主干区域main,一个网站中只能有一个main;细致的划分像主干或者主体区域又分为左侧以及内容区域;

所以说一个网页,正常的时候都是包括这几个方面的;

希望我的回答对你有所帮助,如果还有其他疑问,请继续追问我;