1. 程式人生 > >第三天重要知識點歸納

第三天重要知識點歸納

元素 顯示 per 布局 div 懸停 section lang 就是

文本元素(標簽)

元素會默認些樣式,最後都可以被CSS覆蓋的

  • h1~h6標簽:一級標題~6級標題
  • p標簽:段落
  • q標簽:小段內容引用,內容默認由雙引號包括--“內容”
  • blockquote標簽:大段內容引用
  • abbr標簽:顯示縮寫內容(關鍵字)

如:<abbr title="HyperText Markup Language">HTML</abbr>
代碼表示:頁面有內容為HTML,鼠標移上去就會有“ ”裏面的內容出現

title做為屬性的時候:表示鼠標移上去(懸停)的時候顯示的內容(全稱)

  • cite標簽:對於參考文獻的引用,字體默認斜體

如:<a href="鏈接">
       <cite>
         W3C萬維網聯盟
       <cite>
    </a>
代碼表示:頁面有內容為W3C萬維網聯盟的內容,點擊會跳轉到所寫的鏈接地址

cite做為屬性的時候:表示引用內容的出處(來源)
如:<q cite="WWW.F49.com">
        內容...
    </q>
代碼表示:q元素裏面的內容是引用的WWW.F49.com,但是這樣寫,瀏覽器會忽略(即頁面不會顯示鏈接,只有內容),但是屏幕閱讀器是可以識別的

  • strong標簽:重要文本,字體默認加粗,語音閱讀瀏覽器會著重閱讀strong元素的內容,這個標簽很少用
  • b標簽:因突出顯示的文本,字體默認加粗,這個標簽已經淘汰,一般都不用了
  • em標簽:語音閱讀瀏覽器會著重閱讀em元素的內容,字體默認斜體
  • i標簽:字體默認斜體

div元素

它是一個非常常見的元素;它沒有任何的語義;它僅僅表示一個容器,用於包含(嵌套)其它元素;網站布局的時候通常用它表示區域(區塊)


語義化標簽

語義:就是為了標簽賦予某種意義,然後可以在不同的標簽中放入不同的內容

  • header標簽:用於表示頁面或某個區域的頭部;在頁面中可以出現多次,通常情況下有兩種使用方式:1.網頁的頭部(頁眉) 2.內容的標題
  • nav標簽:用於表示導航欄
  • aside標簽:用於表示跟周圍主題相關的附加信息(廣告);(表示與它周圍文本沒有密切關系的內容(AD表示廣告,相關鏈接))
  • article標簽:用於表示文章或其它可獨立頁面存在的內容;(表示一個完整的,或者自成一體的內容塊,比如:文章、博客或者新聞報道)
  • section標簽:用於表示一個整體的一部分主題,適合以任何標題開頭的內容塊
  • footer:用於表示頁面或某個區域的腳註

第三天重要知識點歸納