前端html+css(1)

1.浏览器页面的三大构成部分，分别是?

 结构：html         表示：css            行为：js

2.h5的优点及缺点?

优点：网络标准统一，整洁明了；

           可适应多设备（手机端，pc端等），跨平台使用；

           可以及时的更新，适应市场的发展潮流；

           提高实用性和提高用户的体验度；

           新添了几个新标签，有利于开发人员定义重要关键的内容；

           可以给站点带来更多的多媒体元素；

           可以更好的代替flash；

           增强了浏览器的原生功能，减少了web应用对插件的依赖；

缺点：安全性问题，webstorage，websocket，这样的功能容易被黑客利用，盗取用户信息；

          不完善（许多特性各个浏览器的支持程序不同）；

          技术性问题：需要了解后台甚至是浏览器原理的知识；

          性能：某些平台上的引擎问题导致h5性能低下；

          浏览器兼容问题（最大的缺点  IE9以下全军覆没）；

3.HTML5的认识?

    是html ,css , 和js 结合在一起的技术，能够减少网页浏览器对于插件的丰富性网络的应用服务，而且，增强了浏览器的原生功能，开发起来更加方便。

4.对web的标准以及w3c的理解和认识?

     标签闭合，标签小写，不乱嵌套，尽量使用外部css   js 脚本，结构形为表现的分离，

认识 ：

使文件的下载与页面的速度更快，内容可以更好的被更多的用户所访问；

易于维护，改版更新比较方便，而且不需要改变网页的内容；

提供了可打印的版本，提高了网站的可用性；

5.html语义化的理解?为什么要语义化?

         理解：用正确的标签做正确的事情；

 语义化的原因：

         a.在没有css时，页面也可以呈现出来很好的结构和代码；

         b.提高了用户的体验度；

         c.有利于SEO和搜索引擎之间建立良好的沟通；

         d.更便于团队开发和后期维护，且语义化标签更具有可读性；

语义化标签：（h1-h6       li        strong       em ）

6.link和@import 的区别?

<link  rel = "stylesheet"    href = "css文件" .  type = "text /css" . media = all  />

<style type = "text /css "  .  media =  "screen">

  @import  url  (" css文件 " );

</style>

区别：

       a. link 是XHTML标签，也可以加载除了css以外的其他事件，而@import 只能加载css .

       b.link 引用css时，可以在页面载入期间同时加载，而@import需要页面完全加载后才可加载 .

       c.link 是XHTML标签，无兼容问题 .@import 是css2.1提出的，低版本的浏览器不支持 .

       d. link支持用js插件操作dom改变样式， 而@import不支持 .

7.对浏览器内核的理解?这些浏览器的内核分别是什么？

     （1）. 理解：

               主要分为两部分：渲染引擎 ，js引擎；

               渲染引擎：负责取得网页的内容（html）；

               js引擎：解析和执行js来实现网页的动态效果；

     （2）. 浏览器的内核：

             a.IE : trident 内核；

             b.Firefox : gecko 内核；

             c.safari : webkit 内核；

             d.opera : Google   chrome的Blink内核；

             e.chrome : Blink内核；

8.一般网页的登陆  注册页面中的网页验证码是为了解决什么安全问题?

          为了区分用户是计算机还是人的公共安全自动程序，为了防止恶意破解密码，

          有效的防止黑客对某一个特定的注册用户用暴力破解方式进行进行不断地登陆尝试；

9.对canvas的理解?

   canvas是h5中新增的一个标签与操作，canvas的javascript  API . 它可以实现在页面中完成动态的2D  3D图像技术，canvas可以完成动画，游戏，图表，图像处理等原来需要flash完成的一些功能。

<canvas  id = "canvas1"  width = "300"  height = "100" >

</canvas>

10.css的盒子模型?

    a. 标准的css盒子模型：宽度 = 内容宽度+边框的宽度+内边距宽度；

    b. 内容（content），填充（padding），边框（border），边界（margin）

或：

   标准的盒模型：width=content

   IE盒模型：width = content + padding-left + padding-right + border-left + border