CSS/HTML基础回顾(一)

1.元素的alt和title有什么异同

   alt和title同时设置的时候,alt作为图片的替代文字出现,title是图片的解释文字

   alt是html标签的属性,而title既是html标签,又是html属性。 
title标签这个不用多说,网页的标题就是写在<title></title>这对标签之内的。 
title作为属性时,用来为元素提供额外说明信息。例如,给超链接标签a添加了title属性,把鼠标移动到该链接上面是,就会显示title的内容,以达到补充说明或者提示的效果。 
而alt属性则是用来指定替换文字,只能用在img、area和input元素中(包括applet元素),用于网页中图片无法正常显示时给用户提供文字说明使其了解图像信息

2.在网页上通过链接直接打开邮件客户端发送邮件,在HTML中应该如何书写

     <a href=”mailto:[email protected]”>发送邮件</a>

    mailto后面加发送邮件的地址

3.<svg> 标签的目的是什么

   用可伸缩矢量图来画图或文本

4.HTML表示斜体的标签 <i> <em>的区别

    <i> <em>都表示斜体,区别在于<em>表示强调,<i>单纯表示斜体

5.<meta> 与<pre>标签

    <meta>

              ①元素可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。

              ②标签位于文档的头部,不包含任何内容。 

              ③标签的属性定义了与文档相关联的名称/值对

    <pre>  定义预格式文本,保持文本原有的格式

6. 什么是Web Worker?

    运行在后台的JavaScript程序,不会影响页面的性能,参考链接https://blog.csdn.net/teajs/article/details/49795191

7.当margin-top、padding-top的值是百分比时,分别是如何计算的?

   可以对元素的margin设置百分数,百分数是相对于父元素的width计算,不管是margin-top/margin-bottom还是margin-left/margin-right。(padding同理)

     如果没有为元素声明width,在这种情况下,元素框的总宽度包括外边距取决于父元素的width,这样可能得到“流式”页面,即元素的外边距会扩大或缩小以适应父元素的实际大小。如果对这个文档设置样式,使其元素使用百分数外边距,当用户修改浏览窗口的宽度时,外边距会随之扩大或缩小。

     为什么margin-top/margin-bottom的百分数也是相对于width而不是height呢?

            CSS权威指南中的解释:

           我们认为,正常流中的大多数元素都会足够高以包含其后代元素(包括外边距),如果一个元素的上下外边距时父元素的          height的百分数,就可能导致一个无限循环,父元素的height会增加,以适应后代元素上下外边距的增加,而相应的,上下            外边距因为父元素height的增加也会增加,如果循环

8.什么是BFC?

   块级格式化上下文,参考链接 http://www.cnblogs.com/asheng2016/p/7281784.html

9.Ajax,Flash的优缺点

   ① Ajax的优势:1.可搜索性 2.开放性 3.费用 4.易用性 5.易于开发。

   ②Flash的优势:1.多媒体处理 2.兼容性 3.矢量图形 4.客户端资源调度

   ③Ajax的劣势:1.它可能破坏浏览器的后退功能   2.使用动态页面更新使得用户难于将某个特定的状态保存到收藏夹中 ,不过这些都有相关方法解决。

    ④Flash的劣势:1.二进制格式 2.格式私有 3.flash 文件经常会很大,用户第一次使用的时候需要忍耐较长的等待时间  4.性能问题

10.input 的type 值可以取哪些值呢?

    

   

猜你喜欢

转载自blog.csdn.net/weixin_40518538/article/details/81290126