对以前HTML知识的复习,为实习做好准备

1、对“doctype”的作用

    1-1、告诉浏览器的解析器应该用什么标准来解析当前文档,如果“doctype”缺失或者格式不正确,浏览器就会用兼容模式来解析文档。
    1-2、标准模式下文档的排版和js运作模式都是以浏览器的最高标准运行。而兼容模式刚好相反。

2、html5中“doctype”的作用

    HTML5 不基于 SGML,所以只需要doctype来规范浏览器行为

3、html中的“行内元素”,"块级元素",“空元素”。

    3-1、行内元素:a、b、span、input、select、strong.
    3-2、块级元素:div、ul、li、dl、dt、dd、h1……、p
    3-3、空元素:

4、页面导入时,使用“link”和“@import”的区别

    4-1、link属于XHTML标签,除了加载css以外还可以定义rel的连接属性,而@impot是css定义的,智能用来
加载css。
    4-2、页面加载时,link会被同时加载,而@impott则会在页面加载完成后加载。
    4-3、@impot只能兼容IE5以上,但是link是XHTML标签,所以没有兼容性问题。

5、浏览器的“内核?”。

内核分成两部分:
    5-1、渲染引擎:就是负责网页的内容(html、图片信息等)、整理信息(引用css等),计算网页的显示方法,
输出到显示器。
    5-2、js引擎:解释和执行JavaScript来实行网页的动态效果
6、常见的浏览器的内核
    6-1、trident内核(三叉戟):IE、360、搜狗(现在国内的浏览器都是可以使用兼容模式了)
    6-2、Gecko内核(壁虎):FF
    6-3、webkit内核:chrome、Safari

7、html5的新特性,以及理html5的浏览器兼容问题的方法

    7-1、新的特性:
        1-1、html5不是SGML的子集,增加了
            绘画(画布):canvas;
            多媒体:video、audio元素;
            本地离线储存:localstorage,浏览器关闭后数据不丢失;
    
 7-2、兼容性问题:
2-1、对于IE6\7\8可以通过创建元素的特性让它们支持HTML5,目前有框架可以使用,成熟的框架有html5shim:

8、html语义化

    8-1、在没有样式CSS情况下也以一种文档格式显示,并且是容易阅读的。
    8-2、用正确的标签做正确的事情,能用p标签就不要用div标签。
    8-3、这有利于SEO(搜索引擎的抓取)
    8-4、“html5”的语义化->详细的参考链接:http://www.html5jscss.com/html5-semantics-section.html

9、浏览器是对HTML5的离线缓存资源进行管理加载的过程

    9-1、在联网情况下,浏览器发现html头部有manifest属性,它会请求manifest文件,如果是第一次访问app,那么浏览器就会根据
manifest文件的内容下载相应的资源并且进行离线存储。如果已经访问过app并且资源已经离线存储了,那么浏览器就会使用离线的资源加
载页面,然后浏览器会对比新的manifest文件与旧的manifest文件,如果文件没有发生改变,就不做任何操作,如果文件改变了,那么就
会重新下载文件中的资源并进行离线存储。而离线的情况下,浏览器就直接使用离线存储的资源。
    9-2、怎么让网页可以离线缓存->详细参考链接:https://segmentfault.com/a/1190000000732617

10、“cookies”、“sessionStorage”和“localstorage”的区别

    10-1、cookies是网站为了标示用户身份而储存在用户本地终端(Client Side)上的数据(通常经过加密)。但是“cookies”数据
始终在同源的http请求中携带(即使不需要),记会在浏览器和服务器间来回传递。
    10-2、sessionStoragelocalStorage不会自动把数据发给服务器,仅在本地保存。
    10-3、存储大小不同,
        1、cookies数据大小不能超过4k
        2、而sessionStoragelocalStorage则可以达到5MB甚至更高。
    10-4、有效时间
        1、localStorage    存储持久数据,浏览器关闭后数据不丢失除非主动删除数据;
        2、sessionStorage  数据在当前浏览器窗口关闭后自动删除。
        3、cookie          设置的cookie过期时间之前一直有效,即使窗口或浏览器关闭
11、label的用法
    label标签来定义表单控制间的关系,当用户选择该标签时,浏览器会自动将焦点转到和标签相关的表单控件上。
    例如:
         

12、关闭html5中form的自动完成功能

    给不想要提示的 form 或某个 input 设置为 autocomplete=off。

13、title与h1的区别、b与strong的区别、i与em的区别

    13-1、title属性没有明确意义只表示是个标题,H1则表示层次明确的标题,对页面信息的抓取也有很大的影响;
    strong是标明重点内容,有语气加强的含义,使用阅读设备阅读网络时:会重读,而是展示强调内容。
  i内容展示为斜体,em表示强调的文本;
    13-2、自然样式标签:b, i, u, s, pre
    13-3、语义样式标签:strong, em, ins, del, code
    13-4、注意:应该准确使用语义样式标签, 但不能滥用, 如果不能确定时首选使用自然样式标签。
暂时就写这么多,有时间再加







你可能感兴趣的:(html学习)