HTML知識(shí)點(diǎn)小結(jié)~

<meta charset=“UTF-8">  
<meta>是一個(gè)單標(biāo)簽
UTF-8 是統(tǒng)一轉(zhuǎn)換格式

標(biāo)簽類型

• 塊: 獨(dú)自占一行,支持所以樣式,不設(shè)寬度將撐滿整行
• 內(nèi)嵌: 可以在一行并列顯示,不支持寬高 不支持上下margin和padding ,寬度是由內(nèi)容撐起來(lái)的,代碼換行會(huì)被解析出一個(gè)空格

內(nèi)嵌標(biāo)簽

    <span>span</span>
    <strong>strong</strong>
    <a href="#">a標(biāo)簽</a>
    <em>em</em>
    ...

不得不說(shuō)的a標(biāo)簽

1. a元素，既可以用來(lái)鏈接到外部地址實(shí)現(xiàn)頁(yè)面跳轉(zhuǎn)功能，也可以鏈接到當(dāng)前頁(yè)面的某部分實(shí)現(xiàn)內(nèi)部導(dǎo)航功能.
   其中a標(biāo)簽里的href
   若“”里面是頁(yè)面地址 就是跳轉(zhuǎn)作用；
   若“”里面是壓縮包名字 就是下載作用；
   若“”里面是id名字 點(diǎn)擊之后會(huì)跳轉(zhuǎn)到該id的頁(yè)面位置 即錨點(diǎn)作用；

    target=“_blank ” 新窗口打開頁(yè)面
    target=“_self”  當(dāng)前窗口打開
    <base target=“_blank”/>

2. a標(biāo)簽的顏色 必須是寫在a標(biāo)簽里面的！
3. a標(biāo)簽里面不能再包含a標(biāo)簽；
4. 在ie6 下只有a 才支持:hover 偽類，其它標(biāo)簽都不支持，現(xiàn)在可以通過(guò) csshover.htc 可以解決 ie6 的 hover 兼容問(wèn)題。它利用 javascript 腳本來(lái)給元素的的樣式定義，如果檢測(cè)到 hover 定義，就給元素設(shè)置 onmouseover 和 onmouseout 事件，以此來(lái)實(shí)現(xiàn) hover 的效果。

塊級(jí)元素

        <div>塊</div>
        <section>劃分頁(yè)面板塊</section>
        <header>頭部</header>
        <nav>導(dǎo)航</nav>
        <footer>底部</footer>
        <article>article</article>
        <aside>article的附屬</aside>
        <ul>
             <li>無(wú)序列表</li>      
             <li>無(wú)序列表</li>
        </ul>
    
        <ol>
            <li>有序列表</li>
            <li>有序列表</li>
        </ol>
    
        <dl>
            <dt>定義列表的項(xiàng)目</dt>
            <dd>dt的展開描述</dd>
        </dl>
        <h1>標(biāo)題</h1>
        <p>段落</p>

塊和內(nèi)嵌的轉(zhuǎn)化

• display：block 內(nèi)聯(lián)轉(zhuǎn)化為塊

• display：inline 塊轉(zhuǎn)化為內(nèi)聯(lián)元素

• display：inline-block的特點(diǎn)：
  1 塊們能在一行顯示
  2 內(nèi)嵌標(biāo)簽支持寬高
  3 沒(méi)有設(shè)置寬度時(shí) 內(nèi)容會(huì)撐開寬度

img單標(biāo)簽

行內(nèi)塊級(jí)元素

   <img src=“路徑”/>

路徑的計(jì)算

• 絕對(duì)路徑：
  1.線上的絕對(duì)路徑 （網(wǎng)上固定的地址)
  2.線下的絕對(duì)路徑（不建議用）

• 相對(duì)路徑:
  1.同目錄的下一級(jí) 如 “img/pic/img.jpg”
  2.圖片在目錄的上一級(jí) 如“../img.jpg”

其他標(biāo)簽詳情請(qǐng)參閱

W3School