• html知识


    1.doctype作用

    doctype标签可以告诉浏览器文档使用哪种HTML或者Xhtml规范。该标签可生命三种DTD类型,是严格版本,过渡版本和基于框架的HTML文档。

    声明需要位于文档的最前面,处于标签之前。告知浏览器的解析器,用什么文档类型规范来解析这个文档。

    严格模式的排版和Js运作模式是以该浏览器支持的最高标准进行。

    在混杂模式中,页面以宽松的向后兼容的方式显示。模拟老式浏览器的行为以防止站点无法工作。

    doctype不存在或格式不正确会导致文档以混杂模式呈现。

    注:混杂模式以老式浏览器事件,各个浏览器相互不兼容时,不适用doctype来声明文档类型。过度版本和基于框架的文档是近似标准模式文档,能尽可能遵循标准的基础上兼容部分非标准代码。严格版本和html5的声明都是标准模式,能够对统一标准实现最好的模式。

    2.行内元素 块级元素

    行内元素和块级元素的区分是根据其默认的display属性。可以在css中进行设置。

    默认的行内元素:a b span img input select strong

    块级元素:p div ul li ol dl dt dd h1 h2 ...

    3.link和@import的区别

    link为xhtml标签,而@import是css提供的。

    页面被加载的时候,link会同时被加载,而@import引用的css会等到页面加载完后再加载。

    import在IE5以上才能识别,而link是xhtml标签,无兼容问题。

    link方式的样式的权重高于@import的权重。

    4.浏览器的内核分别是什么

    IE浏览器的内核Trident.Mozilla的Gecko.Chrome的Blink(Webkit的分支).Opera内核原来为Presto,现为Blink。

    5.html5的新特性,兼容问题,区分html和html5

    主要增加的功能是关于图像,位置,存储,多任务等功能。

    绘画的canvas,用于媒体的video和audio,本地离线存储的LocalStorage,长期存储数据,浏览器关闭后数据不丢失;SessionStorage的数据在浏览器关闭后会自动删除。语义化标签,如article,header,footer,nav,section,sidebar。表单控件:calendar,date,time,email,url,search。新的技术有webworker,websocket,Geolocation。

    6.语义化的理解

    html语义化就是让页面的内容结构化,便于对浏览器,搜索引擎解析。在没有样式css情况下以一种文档格式显示,并且是容易阅读的。搜索引擎的爬虫以来于标记来确定上下文和各个关键字的权重,利于SEO。使阅读源代码的人对网站更容易将网站分块,便于阅读维护理解。

    7.HTML5的离线储存方式

    LocalStorage  长期存储数据,浏览器关闭后数据不会丢失。

    SessionStorage  数据在浏览器关闭后会自动删除。

    容量都比cookie大,不用连接服务器。

    8.iframe的缺点。

    iframe会阻塞主页面的Onload事件。

    iframe和主页面共享连接池,而浏览器对相同域的连接有限制,所以会影响页面的并行加载。使用iframe之前需要考虑这两个缺点。使用irame之前需要考虑这连个缺点。如果需要使用iframe,最好是通过js动态给iframe添加src属性值。这样可以绕开以上两个问题。

    9.cookie,sessionStorage,localStorage的区别

    cookie  在浏览器和服务器之间来回传递。空间小。

    sessionStorage/localStorage  存储空间更大,有更多丰富易用的接口。各自独立的存储空间。

     

  • 相关阅读:
    在emacs上使用博客园的代码功能
    Programming Pearls笔记之一
    Virtualbox中Archlinux联网问题
    微信公众平台消息接口开发集成解决方案
    发送短信
    基于JMS的数据交换既数据互操作平台的解决方案
    Spring MVC基于注解的Junit测试
    获取设置一个字节某一个位的数值
    NotificationManager
    调用系统联系人列表
  • 原文地址:https://www.cnblogs.com/lionisnotkitty/p/6221593.html
Copyright © 2020-2023  润新知