android html文字加中间横线_前端面试题: （HTML ，css 第6期）

PART ONE

1.对 web 标准、可用性、可访问性的理解

        可用性(Usability)：产品是否容易上手，用户能否完成任务，效率如何，以及这过程中 用户的主观感受可好，是从用户的角度来看产品的质量。

        可用性好意味着产品质量高，是企业的核心竞争力可访问性(Accessibility)：Web 内容对于残障用户的可阅读和可理解性 可维护性(Maintainability)：一般包含两个层次：

        一是当系统出现问题时，快速定位并 解决问题的成本，成本低则可维护性好。         二是代码是否容易被人理解，是否容易修改和增强功能。

PART ONE

2. IE 各版本和 Chrome 可以并行下载多少个资源？

(1) IE6 2 个并发 

(2) iE7 升级之后的 6 个并发，之后版本也是 6 个 

(3) Firefox，chrome 也是 6 个。

PART ONE

3.Flash、Ajax 各自的优缺点，在使用中如何取舍？

Flash： 

    (1) Flash 适合处理多媒体、矢量图形、访问机器 

    (2) 对 CSS、处理文本上不足，不容易被搜索

Ajax： 

    (1) Ajax 对 CSS、文本支持很好，支持搜索 

    (2) 多媒体、矢量图形、机器访问不足

共同点：

    (1) 与服务器的无刷新传递消息 

    (2) 可以检测用户离线和在线状态 

    (3) 操作 DOM。

PART ONE

4.怎么重构页面？

(1) 编写 CSS 

(2) 让页面结构更合理化，提升用户体验 

(3) 实现良好的页面效果和提升性能。

PART ONE

5.浏览器架构是怎样的？

* 用户界面

    * 主进程 

        * 内核

            * 渲染引擎 

                * JS 引擎

                    * 执行栈

                        * 事件触发线程

                            * 消息队列

                                * 微任务    

                                * 宏任务。

                        * 网络异步线程

                        * 定时器线程

PART ONE

6.请说明常用的 meta 标签？

         元素可提供有关页面的元信息(meta-information)，比如针对搜索引擎和更新频度 的描述和关键词。 标签位于文档的头部，不包含任何内容。

         标签的属性定义了与文档相关联 的名称/值对。 H5 标准声明，使用 HTML5 doctype，不区分大小写          标准的 lang 属性写法 声明文档使用的字符编码 

     优先使用 IE 最新版 本和 Chrome

     页面描述

     页面关键词

     网页作

     搜索引擎抓取      为移动设备添加 viewport

     iOS 设备 begin 

     添加到主屏后的标题(iOS 6 新增) 是否启用 WebApp 全屏模式，删除苹果默认的工具栏和菜单栏

     添加智能 App 广告条 Smart App Banner(iOS 6+ Safari) 

     设置苹果工具栏颜色 

     启用 360 浏览器的极速模式(webkit)

     避免 IE 使用兼容模式     

     不让百度转码 

     针对手持设备优化，主要是针对一些 老的不识别 viewport 的浏览器，比如黑莓      微软的老式浏览器

     uc 强制竖屏

     QQ 强制竖屏 

     UC 强制全屏          QQ 强制全屏       UC 应用模式

     QQ 应用模式      windows phone 点击无高光 设置页面不缓存。

PART ONE

7. css reset 和 normalize.css 有什么区别

        为什么会有 CSS Reset 的存在呢？那是因为早期的浏览器支持和理解的 CSS 规范不同，导 致渲染页面时效果不一致，会出现很多 兼容性问题。reset 的目的，是将所有的浏览器的自带样式重置掉，这样更易于保持各浏览器渲染的一致 性。normalize 的理念则是尽量保留浏览器的默认样式，不进行太多的重置，而尽力让这些样式 保持一致并尽可能与现代标准相符合。    

        1.Normalize.css 保护了有价值的默认值 

        Reset 通过为几乎所有的元素施加默认样式，强行使得元素有相同的视觉效果。相比之 下，Normalize.css 保持了许多默认的浏览器样式。这就意味着你不用再为所有公共的排版 元素重新设置样式。当一个元素在不同的浏览器中有不同的默认值时，Normalize.css 会力 求让这些样式保持一致并尽可能与现代标准相符合。

        2.Normalize.css 修复了浏览器的 bug 

        它修复了常见的桌面端和移动端浏览器的 bug。这往往超出了 Reset 所能做到的范畴。关于这一点，Normalize.css 修复的问题 包含了 HTML5 元素的显示设置、预格式化文字的 font-size 问题、在 IE9 中 SVG 的溢出、 许多出现在各浏览器和操作系统中 的与表单相关的 bug。

        3.Normalize.css 没有复杂的继承链 

        使用 Reset 最让人困扰的地方莫过于在浏览器调试工具中大段大段的继承链。在 Normalize.css 中就不会有这样的问题，因为在我们的准则中对多选择器的使用时非常谨慎 的，我们仅会有目的地对目标元素设置样式。

        4.Normalize.css 是模块化的 

        这个项目已经被拆分为多个相关却又独立的部分，这使得你能够很容易也很清楚地知道哪 些元素被设置了特定的值。因此这能让你自己选择性地移除掉某些永远不会用到部分(比如 表单的一般化)

        5.Normalize.css 拥有详细的文档

        Normalize.css 的代码基于详细而全面的跨浏览器研究与测试。这个文件中拥有详细的代码 说明并在 Github Wiki 中有进一步的说明。这意味着你可以找到每一行代码具体完成了什么 工作、为什么要写这句代码、浏览器之间的差异，并且你可以更容易地进行自己 的测试。

        所有样式都重置掉，从而达到所有浏览器样式保持一致的效果。但是使用这种方法，可能会 带来一些性能上的问题，并且对于一些元素的不必要的样式的重置，其实反而会造成画蛇添 足的效果。

        后面出现一种更好的解决浏览器间样式不兼容的方法，就是 normalize.css ，它的思想是 尽量的保留浏览器自带的样式，通过在原有的样式的基础上进行调整，来保持各个浏览器间 的样式表现一致。

        相对与 css reset，normalize.css 的方法保留了有价值的默认值，并且修复 了一些浏览器的 bug，而且使用 normalize.css 不会造成元素复杂的继承链。

PART ONE

8.用于预格式化文本的标签是？

     预格式化就是保留文字在源码中的格式 最后显示出来样式与源码中的样式一致 所见 即所得。 

    

 定义预格式文本，保持文本原有的格式。

PART ONE

9.DHTML 是什么？

      DHTML 将 HTML、JavaScript、DOM 以及 CSS 组合在一起，用于创造动态性更强的网页。通过 JavaScript 和 HTML DOM，能够动态地改变 HTML 元素的样式。

      DHTML 实现了网页从 Web 服务器下载后无需再经过服务的处理，而在浏览器中直接动态 地更新网页的内容、排版样式和动画的功 能。例如，当鼠标指针移到文章段落中时，段落能够变成蓝色，或者当鼠标指针移到一个 超级链接上时，会自动生成一个下拉式子链接目录等。       包括： 

    (1)动态内容(Dynamic Content)：动态地更新网页内容，可“动态”地插入、修改或删除 网页的元件，如文字、图像、标记等。            (2)动态排版样式(Dynamic Style Sheets)：W3C 的 CSS 样式表提供了设定 HTML 标记 的字体大小、字形、样式、粗细、文字颜色、行高度、加底线或加中间横线、缩排、与边缘 距离、靠左右或置中、背景图片或颜色等排版功能，而“动态排版样式”即可以“动态”地改变 排版样式。

PART ONE

10.head 标签中必不少的是？

         标签用于定义文档的头部，它是所有头部元素的容器。 中的元素可以 引用脚本、指示浏览器在哪里找到样式表、提供元信息等等。文档的头部描述了文档的各种属性和信息，包括文档的标题、在 Web 中的位置以及 和其他文档的关系等。

        绝大多数文档头部包含的数 据都不会真正作为内容显示给读者。下面这些标签可用在

        head 部分：, , ,