第三天重要知識點歸納
阿新 • • 發佈:2018-04-15
元素 顯示 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:用於表示頁面或某個區域的腳註
第三天重要知識點歸納