Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 国产精品视频网,亚洲一区在线播放,天天干天天拍天天操

          整合營銷服務(wù)商

          電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理

          免費(fèi)咨詢熱線:

          HTML5中Nav元素的正確打開方式

          av元素是什么?

          Nav元素用于定義導(dǎo)航鏈接,是HTML5新增的元素,該元素可以將具有導(dǎo)航性質(zhì)的鏈接歸納在一個(gè)區(qū)域中,使頁面元素的語義更加明確。其中的導(dǎo)航元素可以鏈接到站點(diǎn)的其他頁面或者當(dāng)前頁的其他部分。

          Nav元素可以用作頁面導(dǎo)航的鏈接組,在導(dǎo)航鏈接組里面有很多的鏈接,點(diǎn)擊每個(gè)鏈接可以鏈接到其他頁面或者當(dāng)前頁面的其他部分,并不是所有的鏈接組都要被放在Nav元素里面,只需要把最主要的、基本的、重要的放在Nav元素里面即可

          比如說頁腳底部如果有個(gè)版權(quán)聲明,不建議使用Nav元素,而建議使用footer元素是最合適的。一個(gè)頁面中可用多個(gè)Nav元素作為整體或者不同部分的導(dǎo)航

          示例代碼:

          Nav元素示例代碼

          在上面這段代碼中,通過在Nav元素內(nèi)部嵌套無序列表ul來搭建導(dǎo)航結(jié)構(gòu)。通常一個(gè)HTML頁面中可以包含多個(gè)Nav元素,作為頁面整體或不同部分的導(dǎo)航。

          具體來說Nav元素可以用的場景如下:

          1.傳統(tǒng)導(dǎo)航條:目前主流網(wǎng)站上都有不同層級(jí)的導(dǎo)航條,其作用是跳轉(zhuǎn)到網(wǎng)站的其他主頁面。

          2.側(cè)邊欄導(dǎo)航:目前主流博客網(wǎng)站及電商網(wǎng)站都有側(cè)邊欄導(dǎo)航,目的是將當(dāng)前文章或當(dāng)前商品頁面跳轉(zhuǎn)到其他文章或其他商品頁面。

          3.頁內(nèi)導(dǎo)航:它的作用是在本頁面幾個(gè)主要的組成部分之間進(jìn)行跳轉(zhuǎn)。

          4.翻頁操作:翻頁操作切換的是網(wǎng)頁的內(nèi)容部分,可以通過單擊“上一頁”或“下一頁”切換,也可以通過單擊實(shí)際的頁數(shù)跳轉(zhuǎn)到某一頁。

          除此Nav元素也可以用于其他重要的、基本的導(dǎo)航鏈接組中。并不是所有的鏈接組都要被放進(jìn)Nav元素,只需要將主要的和基本的鏈接放進(jìn)Nav元素即可。

          嘍大家好,我是作者“未來”,本期分享的內(nèi)容是Web前端系列課程,本系列總共29個(gè)階段,堅(jiān)持學(xué)習(xí)3個(gè)月蛻變?yōu)閃eb前端高手哦!

          志同道合的小伙伴跟我一起學(xué)習(xí)交流哦!

          ?第一階段 01 HTML5

          06列表



          把制成表以表顯示容器里面裝載著文字或圖表的一種形式,叫列表。

          列表最大的特點(diǎn)就是整齊、整潔、有序

          1 無序列表ul(重點(diǎn))

          無序列表的各個(gè)列表項(xiàng)之間沒有順序級(jí)別之分,是并列的。其基本語法格式如下:

          顯示效果:

          · 列表項(xiàng)1

          · 列表項(xiàng)2

          · 列表項(xiàng)3

          2 無序列表注意事項(xiàng)

          1.<和l<><>

            2.

            3.無序列表會(huì)帶有自己樣式屬性,放下那個(gè)樣式,一會(huì)讓CSS來!

            3 有序列表ol(了解)

            有序列表即為有排列順序的列表,其各個(gè)列表項(xiàng)按照一定的順序排列定義,有序列表的基本語法格式如下:

            顯示效果:

            1. 中國

            2. 美國

            5 自定義列表(理解)

            定義列表常用于對(duì)術(shù)語或名詞進(jìn)行解釋和描述,定義列表的列表項(xiàng)前沒有任何項(xiàng)目符號(hào)。其基本語法如下:

            顯示效果:

            四大名著

            水滸傳

            西游記

            三國演義

            紅樓夢

            瀏覽器

            谷歌

            火狐

            6 課程總結(jié)

            看不懂的小伙伴不要?dú)怵H,后續(xù)的分享中將持續(xù)解釋,只要你跟著我分享的課程從頭到尾去學(xué)習(xí),每篇文章看三遍,一個(gè)月后,回過頭來看之前的文章就會(huì)感覺簡單極了。

            本章已結(jié)束,下篇文章將分享《06列表》小伙伴們不要錯(cuò)過喲!

            <script src="https://lf3-cdn-tos.bytescm.com/obj/cdn-static-resource/tt_player/tt.player.js?v=20160723"></script>

            【H5教程-2.3.1小節(jié)】

              • 列表

              • 布局

            列表

            標(biāo)簽描述
            <o(jì)l>有序列表
            <ul>無序列表
            <li>列表項(xiàng)
            <dl>列表
            <dt>列表項(xiàng)
            <dd>描述

            常用列表形式

            1, 無序列表

            使用標(biāo)簽: <ul><li>

            屬性: disc(實(shí)心), circle(空心圓), square(實(shí)體矩形) (type=”“)

            2, 有序列表

            使用標(biāo)簽: <o(jì)l><li>

            屬性: A, a, l, i, start(從幾開始)

            3, 嵌套列表

            使用標(biāo)簽: <ul><o(jì)l><li>

            4, 自定義列表

            使用標(biāo)簽: <dl><dt><dd>

            <dl>

            <dt>helloworld</dt>

            <dd>每一門新的語言都會(huì)打印一個(gè)helloworld</dd>

            <dt>helloworld</dt>

            <dd>每一門新的語言都會(huì)打印一個(gè)helloworld</dd>

            <dt>helloworld</dt>

            <dd>每一門新的語言都會(huì)打印一個(gè)helloworld</dd>

            </dl>123456789123456789

            1, HTML塊元素

            塊元素在顯示時(shí), 通常會(huì)以新行開始

            如: <h1>, <p>, <ul>

            2, HTML內(nèi)聯(lián)元素

            內(nèi)聯(lián)元素通常不會(huì)以新行開始

            如: <b><a><img>

            布局

            1, HTML<div>元素

            被稱為塊元素, 其主要是組合HTML元素的容器

            2, HTML<span>元素

            是內(nèi)聯(lián)元素, 可作為文本的容器


            主站蜘蛛池模板: 亚洲日韩一区二区三区| 中文字幕一区二区三区乱码| 国产成人一区二区三区在线| 一本久久精品一区二区| 日韩综合无码一区二区| 日韩精品人妻av一区二区三区| 精品一区二区三区免费毛片爱| 岛国精品一区免费视频在线观看| 日韩AV在线不卡一区二区三区| 日韩最新视频一区二区三| 久久久精品人妻一区亚美研究所| 99精品久久精品一区二区| 亚洲av高清在线观看一区二区| 日本免费一区二区三区最新| 蜜芽亚洲av无码一区二区三区| 91成人爽a毛片一区二区| 一区二区三区四区免费视频| 91久久精一区二区三区大全| 国产日韩精品一区二区三区在线 | 美女免费视频一区二区| 国产精品亚洲一区二区在线观看| 国产精品亚洲一区二区麻豆| 国产短视频精品一区二区三区| 亚洲视频一区二区三区| 呦系列视频一区二区三区| 亚洲综合一区无码精品| 精品日韩一区二区三区视频 | 亚洲毛片αv无线播放一区 | 秋霞日韩一区二区三区在线观看 | 国产激情一区二区三区在线观看| 成人H动漫精品一区二区| 精品国产一区二区三区在线| 日韩有码一区二区| 久夜色精品国产一区二区三区| 99精品高清视频一区二区| 国产av一区二区三区日韩| 无码人妻一区二区三区一| 日韩精品免费一区二区三区 | 秋霞无码一区二区| 国产成人一区二区三区| 国产aⅴ一区二区三区|