HTML-锚点
<!DOCTYPE html>
<html>
<head lang="en"> <meta charset="UTF-8"> <title>錨點</title> <style> .box1,.box2{ height: 600px; border:1px solid; } </style> </head> <body> <a href="#box1">找到目標</a> <a href="#box2">找到內容</a> <div class="box1" id="box1">我就是目標</div> <div class="box2" id="box2">我就是內容</div> <label for="input1">aaa</label> <input type="text" id="input1"/> <a href="#">回到頂部</a> <!--標準文檔流--> 在沒有 CSS 的干預下，塊級元素獨占一行，行內元素并排顯示。 <!--結構化--> <!--article標簽裝載顯示一個獨立的文章內容。例如一篇完整的論壇帖子，一則網站新聞，一篇博客文章，一個用戶評論等等。--> <!--artilce可以嵌套，則內層的artilce對外層的article標簽有隸屬的關系。例如，一個博客文章，可以用article顯示，然后一些評論可以以article的形式嵌入其中。--> <article> <h1>文章標題</h1> <p>這是一篇文章</p> <article>評論1...</article> <article>評論2...</article> </article> <!--定義一個節--> <section> <h1>章節一</h1> <p>詳細內容...</p> </section> <!--aside 裝載非正文內容，側邊欄、廣告欄--> <aside> ... </aside> <!--導航--> <nav> <a href="#">新聞</a> <a href="#">體育</a> <a href="#">娛樂</a> <a href="#">八卦</a> </nav> <nav> <ul> <li><a href="#">新聞</a></li> <li><a href="#">新聞</a></li> <li><a href="#">新聞</a></li> <li><a href="#">新聞</a></li> </ul> </nav> <footer> <!--定義作者信息--> <address>作者。。。。</address> <small>我們公司在2005年注冊 2015-10-11©</small> </footer> <!--文字高亮 提示--> <p>別忘記<mark>寫作業</mark></p> <p>我是<sup>上標</sup></p> <p>我是<sub>下標</sub></p> <p>XX房子190m<sup>2</sup></p> <h1>我是上標<sup>®</sup></h1> <p>我們在<time>9:00</time>上課</p> <p><time>2.14</time>是情人節</p> <p><time>7.7</time>也他媽是情人節</p> </body> </html>
轉載于:https://www.cnblogs.com/wylbgp/p/6508633.html
總結
- 上一篇： 垂直居中方法总结
- 下一篇： 免费代理ip爬虫分享