前端工作面试问题(上)(5)

    位于html标签最前面,告诉浏览器以那种html和xhtml规范。分为标准模式和怪异模式、基于框架的HTML模式。假如浏览器不以doctype标准模式编写DTD,页面除了无法通过代码检验之外,还无法在浏览器中正确显示。

  a.如果需要干净的标记,免于表现层的混乱,用XHTML Strict DTD类型。

  b.Transitional DTD 可包含 W3C 所期望移入样式表的呈现属性和元素。如果用户使用了不支持层叠样式表(CSS)的浏览器以至于你不得不使用 HTML 的呈现特性时,用Transitional DTD 类型。

  c.Frameset DTD 被用于带有框架的文档。除 frameset 元素取代了 body 元素之外,Frameset DTD 等同于 Transitional DTD

浏览器标准模式和怪异模式之间的区别是什么?

    当浏览器厂商开始创建与标准兼容的浏览器时,他们希望确保向后兼容性。为了实现这一目的,他们创建了两种呈现模式,标准和混杂模式。在标准模式中,浏览器会根据规范呈现页面;在混杂模式中。页面会以一种相对宽松的向后兼容方式显示。混杂模式常用于模拟老式浏览器的行为,以防止老站点无法工作。

    他们最大的不同是对盒模型的解析。

  如:在strict mode中 :width是内容宽度 ,也就是说,元素真正的宽度 = margin-left + border-left-width + padding-left + width + padding-right + border-right- width +  margin-right;

    在quirks mode中 :width则是元素的实际宽度 ,内容宽度 = width - (margin-left + margin-right + padding-left + padding-right + border-left-width +  border-right-width)

    使用 document.compatMode来判断浏览器的解析方式。

使用 XHTML 的局限有哪些?

xhtml要求严格:放弃了一些语义不好的标签,必须有head、body,每个dom必须要闭合。一些老的浏览器并不兼容。

如果页面使用 'application/xhtml+xml' 会有什么问题吗?

      为contentType属性值,IE不支持application/xhtml+xml类型,支持text/html

如果网页内容需要支持多语言,你会怎么做?

    使用统一的UTF-8编码

在设计和开发多语言网站时,有哪些问题你必须要考虑?

     1)制图时,应该讲图形的图像层与文本层分离,这样在重新绘制改图形时只需对文本进行翻译。

     2)设置控件属性应考虑到各种语言版本的文本显示,尽可能为翻译预留足够的空间。同时也应该保持不同语言界面的统一性,避免过多的差异。

     3)编码注意代码复用,将多个模块的共用信息存放在共通的文件中便于全局管理。


    页面请求的过程可描述如下:
      1)用户在终端选择自己所偏好的语言,并通过浏览器向服务器发送页面请求。
      2)模板界面接收到语言选项后,从资源文件中读取相应区域的资源。
      3)在响应用户的页面请求时,系统将根据检索到的语言选项,动态的加载相关区域的JS文件和CSS文件,为不同区域初始化不同的样式。
      4)数据库接口接收到语言选项后,将其作为一个SQL参数传入数据库,检索相应区域的数据。
      5)模板界面将接收到的各种信息,组织成Html代码,再发送给浏览器,显示给终端用户。
        该架构的核心是模板界面,它主要负责将接收到的各类信息组织成Html代码。

data-属性的作用是什么?

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/1287c5e455583263de605555e03a89e2.html