關于<a>標簽屬性及display屬性

1. a標簽的屬性href,titile,target是什么?title跟alt有什么區別?如何在先窗口打開鏈接?

  a標簽的在html5中的屬性:
  - download       值為:filename     規定被下載的超練級的目標。
  - href           值為:url              規定鏈接指向的頁面的URL。
  - hreflang       值為:language_code     規定被鏈接文檔的語言。
  - media          值為:media_query         規定被連接文檔是為何種媒介/設備優化的。
  - rel            值為:text                  規定當前文檔與被連接文檔的關系。
  - target         值為: _blank     瀏覽器總在一個新打開、未命名的窗口中載入目標文檔。
                          _parent   在父框架集中打開被鏈接文檔。
                          _self     默認。在相同的框架中打開被鏈接文檔。
                          _top      在整個窗口中打開被鏈接文檔。
                          _framename  在指定的框架中打開被鏈接文檔。

  - title   使用 title 屬性,可以讓鼠標懸停在超鏈接上的時候,顯示該超鏈接的文字注釋。
  • a標簽的href,titile,target是什么?
    href:為連接地址; title:為鏈接的注釋; targer:為連接打開方式;

  • title跟alt有什么區別?
    alt屬性是在你的圖片因為某種原因不能加載時在頁面顯示的提示信息,它會直接輸出在原本加載圖片的地方,而title屬性是在你鼠標懸停在該圖片上時顯示一個小提示,鼠標離開就沒有了。一般圖片上加alt, a標簽上加title。

  • 如何在先窗口打開鏈接?
    <a href="#" target="_blank"></a>

2 .display: none , visibility: hidden, opacity:0 有什么作用?有什么區別?

  display:none             使該元素消失丟失寬高,脫離文檔流;瀏覽器不加載該元素。;
  visibility:none          隱藏該元素不丟失寬高,不脫離文檔流,占位,瀏覽器加載該元素。
  opacity:0                透明度為零隱藏該元素不丟失寬高,不脫離文檔流。占位,瀏覽器加載該元素。

 `注:文檔流簡單來說就是文檔中顯示對象所占的位置。` 

3. display:none;display:block;display:inline;display:inline-block;的區別和特性

1 display:none:(1)使該元素消失不顯示,丟失寬高。(2)脫離文檔流。(3)瀏覽器不加載該元素。

2 display:block:此元素將顯示為塊級元素,元素前后帶有換行符。(1)默認獨占一行。(2)沒有寬度時默認撐滿一行。(3)支持寬高(padding,margin)。(4)可包含塊元素和內聯元素。;

3 display:inline:默認。此元素會被顯示為內聯元素,元素前后沒有換行符。(1)在同一行顯示。(2)不支持寬高。內容撐起寬度。(3)支持左右padding;margin.不支持上下的padding;margin。 (4)不能容納塊元素。

4 display:inline-block:行內塊元素。(1)塊元素在一行顯示。(2)行內元素支持寬高。(3)沒有寬度的時候內容撐開寬度。(4)代碼換行被解析。(5)ie6,7下不支持inline-block.

注:該版權歸饑人谷__楠柒所有,如有裝載請注明出處。
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標簽默認的外補...
    _Yfling閱讀 13,784評論 1 92
  • ?前端面試題匯總 一、HTML和CSS 21 你做的頁面在哪些流覽器測試過?這些瀏覽器的內核分別是什么? ...
    Simon_s閱讀 2,228評論 0 8
  • 轉載請聲明 原文鏈接地址 關注公眾號獲取更多資訊 第一部分 HTML 第一章 職業規劃和前景 職業方向規劃定位...
    前端進階之旅閱讀 16,593評論 32 459
  • 1.行內元素和塊級元素?img算什么?行內元素怎么轉化為塊級元素? 行內元素:和有他元素都在一行上,高度、行高及外...
    極樂君閱讀 2,446評論 0 20
  • 今天亮亮整六個月了,本來想以輕松的心情整理回顧一下這段時間,告別艱難,作下沉淀,但是一整天都沒時間安靜的坐...
    幽人獨往閱讀 265評論 3 1