• HTML篇(下)


    13.Label的作用是什么?是怎么用的?

      label标签来定义表单控制间的关系,当用户选择该标签时,浏览器会自动将焦点转到和标签相关的表单事件上。

      <label for="Name">Number:</label>

      <input type="text" name="Name" id="Name"/>

      <label>Date:<input type="text" name="B"></label>

    14.如何实现浏览器多个标签页之间的通信?

      websocket ,ShareWorker;

      也可以调用localStorage,cookies等本地存储方式;

      localStorage另一个浏览器上下文里被添加,修改或删除时,它都会触发一个事件,我们通过监听事件,控制它的值来进行页面信息通信;

      通过quirks:Safari在无痕模式下设置localStorage值时会抛出QuotaExceededError的异常;

    15.如何在页面上实现一个圆形的可点击区域?

      1.map+area或者svg

      2.border-radius

      3.纯JS实现,需要求一个点在不在圆上简单算法、获取鼠标坐标等等

    16.title与h1的区别、b与storage的区别、i与em的区别?

      title属性没有明确意义只表示是个标题,H1则表示层次明确的标题,对页面信息的抓取也有很大的影响

      strong是标明重点内容,有语气加强的含义,使用阅读设备阅读网络的时:<strong>会重读,而<B>是展示强调内容。

      i内容展示为斜体,em表示强调的文本

     注:应该准确使用语义样式标签,但不能滥用,如果不能确定时首选使用自然样式标签。

    17.常见的兼容性问题?

      1>png24位的图片在IE6浏览器上出现背景,解决方案是做成PNG8.

      2>浏览器默认的margin和padding不同。。解决方案是加一个全局的*{margin:0;padding:0;}来统一。

      3>IE6双边距bug:块属性标签float后,又有横行的margin情况下,在ie6显示margin比设置的大。

      4>浮动ie产生的双倍距离#box{float:left;10px;margin:0 0 0 10px;}.这种情况下ie会产生20px的距离,解决方案是在float的标签样式控制中加入_display:inline;将其转化为行内属性。(_这个符号只有ie6识别)

      5>渐进识别的方式,从总体中逐渐排除局部。首先,巧妙的使用“9”这一标记,将ie浏览器将所有情况中分离出来。接着,再次使用"+"将ie8和ie7,ie6分离开来,这样IE8已经独立识别。

      css

        

      .bb{
        background-color: #f1ee18;/*所有都识别*/
        .background-color: #00deff9;/*ie6,7,8识别*/
        +background-color: #a200ff;/*ie6,7识别*/
        _background-color: #a200ff;/*ie6识别*/
      }

      5>IE下,可以使用获取常规属性的方法来获取自定义属性。也可以使用getAttribute()获取自定义属性;

       FF下,只能使用getAttribute()来获取自定义属性;

       解决方法:都使用getAttribute()来获取自定义属性;

      6>IE下,event对象有x,y属性,但是没有pageX,pageY属性;

       FF下,event对象有pageX,pageY属性,但没有x,y属性。

       解决方案:(条件注释)缺点是在ie浏览器下可能会增加额外的HTTP请求次数。

      7>Chrome中文界面下默认会将小于12px的文本强制按照12px显示,可通过加入css属性-webkit-text-size-adjust:none;解决。

      8>超链接访问过后hover样式就不出现了,被点击访问过的超链接样式不在具有hover和active了

       解决方法:改变css的属性排列顺序  L-V-H-A

      9>兼容问题还有很多,我已经写得不耐烦了,就先这样吧~~~

    18.你知道多少中Doctype文档类型?

      该标签可声明三种DTD类型,分别表示严格版本,过渡版本以及基于框架的HTML文档

      HTML4.01规定了三种文档类型:Strict,Transition以及Frameset

      XHTML1.0规定了三种XML文档类型:Strict,Transition以及Frameset

      Standards模式用于呈现遵循最新标准的网页,而Quirks用于呈现为传统浏览器而设计的网页

    19.HTML与XHTML的区别?

      区别:

        1>所有的标记都必须有一个相应的结束标记

        2>所有标签的元素和属性的名字都必须小写

        3>所有的XML标记都必须合理嵌套

        4>所有的属性必须用引号""括起来

        5>把所有<和&特殊符号用编码表示

        6>给所有属性赋一个值

        7>不要在注释内容中使用”——“

        8>图片必须有说明文字

    20.<img>的title和alt有什么区别?

      title是global attribute属性之一,用于为元素提供附加的advisory information.通常当鼠标滑动到元素上的时候显示

      alt是img的特有属性,是图片内容的等价描述,用于图片无法加载时显示,读屏器阅读图片。可提高图片的可访问性,除了纯装饰图片外都必须设置有意义的值,搜索引擎会重点解析。

    HTML篇,在这里就要跟大家说再见了,下集CSS篇见~~~

      

      

        

  • 相关阅读:
    Python 学习笔记(七)Python字符串(三)
    Python 学习笔记(七)Python字符串(二)
    Python 学习笔记(六)Python第一个程序
    Python 学习笔记(五)常用函数
    Python 学习笔记(四)数字(二)
    行为型模式之责任链模式
    python_frm组件
    django之models学习总结
    HTTP协议
    事件委托
  • 原文地址:https://www.cnblogs.com/jiajiawu/p/8158188.html
Copyright © 2020-2023  润新知