关于<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.

注:该版权归饥人谷__楠柒所有,如有装载请注明出处。
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,687评论 1 92
  • •前端面试题汇总 一、HTML和CSS 21 你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么? ...
    Simon_s阅读 6,591评论 0 8
  • 转载请声明 原文链接地址 关注公众号获取更多资讯 第一部分 HTML 第一章 职业规划和前景 职业方向规划定位...
    前端进阶之旅阅读 16,710评论 32 459
  • 1.行内元素和块级元素?img算什么?行内元素怎么转化为块级元素? 行内元素:和有他元素都在一行上,高度、行高及外...
    极乐君阅读 7,235评论 0 20
  • 今天亮亮整六个月了,本来想以轻松的心情整理回顾一下这段时间,告别艰难,作下沉淀,但是一整天都没时间安静的坐...
    幽人独往阅读 1,826评论 5 1