HTML <footer> ਟੈਗ

定义和用法

ਮੋਸਟ ਬਰਾਉਜ਼ਰਜ਼ ਹੇਠ ਲਿਖੇ ਮੂਲਤਬੀ ਮੁੱਲਾਂ ਨੂੰ ਵਰਤਦੇ ਹਨ 标签定义文档或小节的页脚。

ਮੋਸਟ ਬਰਾਉਜ਼ਰਜ਼ ਹੇਠ ਲਿਖੇ ਮੂਲਤਬੀ ਮੁੱਲਾਂ ਨੂੰ ਵਰਤਦੇ ਹਨ 元素通常包含：

  • 作者信息
  • 版权信息
  • 联系信息
  • 站点地图
  • 返回顶部链接
  • 相关页面

您可以在一个文档中包含多个 ਮੋਸਟ ਬਰਾਉਜ਼ਰਜ਼ ਹੇਠ ਲਿਖੇ ਮੂਲਤਬੀ ਮੁੱਲਾਂ ਨੂੰ ਵਰਤਦੇ ਹਨ 元素。

另请参阅：

HTML DOM 参考手册：Footer 对象

实例

例子 1

文档中的页脚部分：

ਮੋਸਟ ਬਰਾਉਜ਼ਰਜ਼ ਹੇਠ ਲਿਖੇ ਮੂਲਤਬੀ ਮੁੱਲਾਂ ਨੂੰ ਵਰਤਦੇ ਹਨ
  <p>作者：Bill Gates</p>
  <p><a href="mailto:bill@example.com">bill@example.com</a></p>
<a href="mailto:bill@example.com">bill@example.com</a></p>

</html>

例子 2

使用 CSS 设置 ਮੋਸਟ ਬਰਾਉਜ਼ਰਜ਼ ਹੇਠ ਲਿਖੇ ਮੂਲਤਬੀ ਮੁੱਲਾਂ ਨੂੰ ਵਰਤਦੇ ਹਨ 的样式：

<html>
<head>
<style>
ਐਲੀਮੈਂਟ:
  text-align: center;
  padding: 3px;
  background-color: DarkSalmon;
  color: white;
display: block;
</style>

</head>
ਮੋਸਟ ਬਰਾਉਜ਼ਰਜ਼ ਹੇਠ ਲਿਖੇ ਮੂਲਤਬੀ ਮੁੱਲਾਂ ਨੂੰ ਵਰਤਦੇ ਹਨ
  <body>
  <p>ਲੇਖਕ: ਬਿਲ ਗੇਟਸ<br>
<a href="mailto:bill@example.com">bill@example.com</a></p>
</footer>
</body>

</html>

ਆਪਣੇ ਅਨੁਭਵ ਕਰੋ

ਸੁਝਾਅ ਅਤੇ ਟਿੱਪਣੀਆਂਮੋਸਟ ਬਰਾਉਜ਼ਰਜ਼ ਹੇਠ ਲਿਖੇ ਮੂਲਤਬੀ ਮੁੱਲਾਂ ਨੂੰ ਵਰਤਦੇ ਹਨ ਸੁਝਾਅ: ਐਲੀਮੈਂਟ ਵਿੱਚ ਸੰਪਰਕ ਸੂਚਨਾ ਲਗਾਉਣੀ ਚਾਹੀਦੀ ਹੈ <address>

ਟੈਗ ਵਿੱਚ

ਮੋਸਟ ਬਰਾਉਜ਼ਰਜ਼ ਹੇਠ ਲਿਖੇ ਮੂਲਤਬੀ ਮੁੱਲਾਂ ਨੂੰ ਵਰਤਦੇ ਹਨ ਈਵੈਂਟ ਪ੍ਰਤੀਯੋਗਿਤਾ ਗਲੋਬਲ ਪ੍ਰਤੀਯੋਗਿਤਾHTML ਵਿੱਚ ਈਵੈਂਟ ਪ੍ਰਤੀਯੋਗਿਤਾ

HTML ਵਿੱਚ ਗਲੋਬਲ ਪ੍ਰਤੀਯੋਗਿਤਾ

ਮੋਸਟ ਬਰਾਉਜ਼ਰਜ਼ ਹੇਠ ਲਿਖੇ ਮੂਲਤਬੀ ਮੁੱਲਾਂ ਨੂੰ ਵਰਤਦੇ ਹਨ ਈਵੈਂਟ ਪ੍ਰਤੀਯੋਗਿਤਾ ਟੈਗ ਇਵੈਂਟ ਪ੍ਰਤੀਯੋਗਿਤਾ ਨੂੰ ਵੀ ਸਮਰਥਨ ਕਰਦੇ ਹਨHTML ਵਿੱਚ ਈਵੈਂਟ ਪ੍ਰਤੀਯੋਗਿਤਾ

。

ਮੂਲਤਬੀ CSS ਸੈਟਿੰਗ ਮੋਸਟ ਬਰਾਉਜ਼ਰਜ਼ ਹੇਠ ਲਿਖੇ ਮੂਲਤਬੀ ਮੁੱਲਾਂ ਨੂੰ ਵਰਤਦੇ ਹਨ <footer>

ਐਲੀਮੈਂਟ:
  footer {
display: block;

}

ਬਰਾਉਜ਼ਰ ਸਮਰਥਨ

ਚਰਮੋਸ ਵਿੱਚ ਸੰਖਿਆਵਾਂ ਇਸ ਇਲੈਕਟ੍ਰੌਨ ਦਾ ਪਹਿਲਾ ਪੂਰਨ ਸਮਰਥਨ ਵਰਜਨ ਦਿੱਤੀਆਂ ਗਈਆਂ ਹਨ。 ਚਰਮੋਸ ਐਜ਼ ਫਾਇਰਫਾਕਸ ਸੈਫਾਰੀ
ਚਰਮੋਸ ਵਿੱਚ ਸੰਖਿਆਵਾਂ ਇਸ ਇਲੈਕਟ੍ਰੌਨ ਦਾ ਪਹਿਲਾ ਪੂਰਨ ਸਮਰਥਨ ਵਰਜਨ ਦਿੱਤੀਆਂ ਗਈਆਂ ਹਨ。 ਚਰਮੋਸ ਐਜ਼ ਫਾਇਰਫਾਕਸ ਸੈਫਾਰੀ
4.0 ਓਪਰਾ 9.0 4.0 5.0