次給大家?guī)?lái)html5容易被忽略的小知識(shí),html5容易被忽略的小知識(shí)有哪些,下面就是實(shí)戰(zhàn)案例,一起來(lái)看一下。
網(wǎng)站建設(shè)哪家好,找創(chuàng)新互聯(lián)建站!專注于網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站建設(shè)、微信開(kāi)發(fā)、微信平臺(tái)小程序開(kāi)發(fā)、集團(tuán)企業(yè)網(wǎng)站建設(shè)等服務(wù)項(xiàng)目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了鹽山免費(fèi)建站歡迎大家使用!設(shè)置webstorm 輸入內(nèi)容超出屏幕后換行
2.base標(biāo)簽:專門用來(lái)統(tǒng)一的指定當(dāng)前的網(wǎng)頁(yè)中所有的超鏈接(a標(biāo)簽)需要如何打開(kāi)
注意:base標(biāo)簽必須寫在head標(biāo)簽的開(kāi)始標(biāo)簽和結(jié)束標(biāo)簽之間
3.假連接:點(diǎn)擊后不會(huì)跳轉(zhuǎn),我們稱之為假鏈接!
1) 百度一下,你就知道 #的假鏈接會(huì)自動(dòng)回到網(wǎng)頁(yè)的頂部 2) 百度一下,你就知道 而Javascript的假鏈接不會(huì)自動(dòng)跳轉(zhuǎn)到網(wǎng)頁(yè)頂部
兩者之間的區(qū)別:#的假鏈接會(huì)自動(dòng)回到網(wǎng)頁(yè)的頂部,而Javascript的假鏈接不會(huì)自動(dòng)跳轉(zhuǎn)到網(wǎng)頁(yè)頂部.
4.錨點(diǎn):
要想通過(guò)a標(biāo)簽跳轉(zhuǎn)到指定的位置,那么必須告訴a標(biāo)簽一個(gè)獨(dú)一無(wú)二的身份證號(hào)碼,這樣a標(biāo)簽才能在當(dāng)前界面中找到需要跳轉(zhuǎn)到的目標(biāo)位置.
1).給目標(biāo)位置的標(biāo)簽添加一個(gè)id屬性,然后指定一個(gè)獨(dú)一無(wú)二的值;
2). 告訴a標(biāo)簽?zāi)阈枰D(zhuǎn)到的目標(biāo)標(biāo)簽對(duì)應(yīng)的獨(dú)一無(wú)二的省份證號(hào)碼是多少.
a標(biāo)簽 href="#center"目標(biāo)標(biāo)簽里面設(shè)置 id="center"
3).跳轉(zhuǎn)到新界面的指定位置 href="13-錨點(diǎn).html#bottom" target="_blank"新界面中打開(kāi)
原界面中跳轉(zhuǎn)到新界面的指定位置目標(biāo)界面中這樣寫
5.列表標(biāo)簽 :
無(wú)序列表 >>> 應(yīng)用場(chǎng)景 : a).新聞列表 b).商品列表 c).導(dǎo)航條
快捷方式 :
ul>li*3
有序列表 >>> 應(yīng)用場(chǎng)景 : 排行榜
- 演員
- 小丑
- 龍卷風(fēng)
- 青花瓷
定義列表 >>> 應(yīng)用場(chǎng)景 : a) . 做網(wǎng)站尾部的相關(guān)信息 b) . 做圖文混排
dt dd 中還可以嵌套其他的標(biāo)簽
快捷方式: dl>(dt+dd)*2
6.表格標(biāo)簽
姓名 | 年齡 | 籍貫 |
張三 | 18 | 重慶 |
細(xì)線表格
1.1 | 1.2 |
2.1 | 2.2 |
caption標(biāo)簽 >>>專門用來(lái)設(shè)置table的標(biāo)題,標(biāo)題會(huì)自動(dòng)相對(duì)于表格的寬度居中
th標(biāo)簽>>>專門用來(lái)設(shè)置標(biāo)題的,會(huì)自動(dòng)居中加粗
td 標(biāo)簽>>>專門用來(lái)存儲(chǔ)數(shù)據(jù)的
排名 | 關(guān)鍵字 | 趨勢(shì) | 今日搜索 | 最近七日 | 先關(guān)鏈接 |
---|---|---|---|---|---|
1 | 陳二狗的妖孽人生 | 上升 | 678328 | 28378173 | 今日頭條 網(wǎng)易新聞 新浪微博 |
相信看了本文案例你已經(jīng)掌握了方法,更多精彩請(qǐng)關(guān)注創(chuàng)新互聯(lián)網(wǎng)站制作公司其它相關(guān)文章!
以上就是html5容易被忽略的小知識(shí)的詳細(xì)內(nèi)容,更多請(qǐng)關(guān)注創(chuàng)新互聯(lián)網(wǎng)站制作公司其它相關(guān)文章!