tft每日頭條

 > 生活

 > html5中浮動框架怎麼設置

html5中浮動框架怎麼設置

生活 更新时间:2025-01-31 14:47:38

html5中浮動框架怎麼設置?1.header元素 具有引導和導航作用的結構元素,通常用作來放置整個頁面或者頁面内容區塊的标題,但是也可以包含其他内容,例如數據表格,搜索表單或者logo圖片,下面我們就來聊聊關于html5中浮動框架怎麼設置?接下來我們就一起去了解一下吧!

html5中浮動框架怎麼設置(新增非主體結構元素)1

html5中浮動框架怎麼設置

1.header元素 具有引導和導航作用的結構元素,通常用作來放置整個頁面或者頁面内容區塊的标題,但是也可以包含其他内容,例如數據表格,搜索表單或者logo圖片。

使用:可以出現多次

<!DOCTYPE html><html><head><meta charset="utf-8"><title></title></head><body><!-- 内容标題部分 --><header><h1>頁面标題一</h1></header><!-- 内容獨立部分 --><article><h1>這個是内容的标題</h1><!-- header 這個區域塊的頭部 --><header><h2> 這個是内容的副标題</h2></header></article></body></html>

2.footer元素 可以作為其上層父級内容庫或者是一個根區塊的腳注,footer通常包括其他相關區塊的腳注信息,如作者,相關閱讀鍊接及版本全信息等。

<!DOCTYPE html><html><head><meta charset="utf-8"><title></title></head><body><!-- 底部信息 --><footer><ul><li><a href="#">版權信息</a></li><li><a href="#">站點地圖</a></li><li><a href="#">聯系方式</a></li></ul></footer><!-- 底部文章 --><article><!-- footer --><footer>這是一個文章的底部</footer></article><!-- 這個是獨立部分 --><section><footer>這個是獨立部分的底部</footer></section></body></html>

3.hgroup元素 是将标題及其子标題進行分組的元素,hgroup元素通常會将h1-h6元素進行分組,譬喻一個内容塊的标題及其子元素算一組

<!DOCTYPE html><html><head><meta charset="utf-8"><title></title></head><body><!-- 獨立部分 --><article><!-- 頭部 --><header><hgroup><h1>這個是頭部标題</h1><h2> 這個是副标題</h2></hgroup><!-- 時間信息 --><p><time></time></p></header><!-- 内容 --><div></div><!-- 底部 --><footer>這個是底部</footer></article></body></html>

,

更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!

查看全部

相关生活资讯推荐

热门生活资讯推荐

网友关注

Copyright 2023-2025 - www.tftnews.com All Rights Reserved