php面试题之一——HTML+CSS（基础部分）

zrong

一、HTML + CSS部分

1. 请说明 HTML 文档中 DTD 的意义和作用（酷讯）
　　DTD，文档类型定义，是一种保证 html 文档格式正确的有效方法，在解析网页时，浏览器将使用 DTD 来检查页面的有效性（是否符合规范，元素和标签使用是否正确）并且采取相应的措施。同时它还会影响浏览器的渲染模式（工作模式）。

2. 准确的指出以下代码的显示结果（酷讯）
　　

　　

　　
　　
　　

　　

　　显示效果


3. 指出以下代码的显示结果（酷讯）
　　

　　
　　a
　　d
　　
　　b
　　c
　　

　　

　　显示效果


4. 如何产生带有数字列表符号的列表？（ ）
　　A.
　　B.
　　C.
　　D.
　　答案：C

5. 如何显示没有下划线的超链接？（）
　　A. a {text-decoration:none}
　　B. a {text-decoration:no underline}
　　C. a {underline:none}
　　D. a {decoration:no underline}
　　答案：A

6. 以下一段 XHTML 代码片段，它不符合 W3C 规范，请问出现了几处错误？
　　

　　

　　

• 
  　　
  
• 印度总理辛格访华专题
  　　
  
• 
  　　
  
  
  　　
  
  • 专访辛格：早日解决边界问题是战略目标
    　　
    
  • 辛格称北京奥运将为印度举办赛事提供灵感
    　　
    
  • 印度总理辛格访华参观北京奥运场馆建设
    　　
    
  
  　　
  　　
  

　　

　　


　　有两处，div 和 ul 有一个相同的>
7. 请描述出两点以上 XHTML 和 HTML 最显著的区别
　　(1).XHTML 必须强制指定文档类型 DocType，HTML 不需要
　　(2).XHTML 所有标签必须闭合，HTML 比较随意
　　(3).XHTML 严格区分大小写，所有标签的元素和属性的名字都必须使用小写
　　(4).XHTML 要求所有的标记都必须要有一个相应的结束标记
　　(5).XHTML 规定所有属性都必须有一个值，没有值的就重复本身

8. 请问，div 和 span,p 标签三者间的区别(YG)
　　从语义化的角度来讲:div和span标签对于它们包含的元素是没有意义的,所以div 和 span 一般是用来布局。;而p标签则是一个语义化标签，表示一个段落。
　　从显示的角度来讲：span 是内联的，用在一小块的内联 HTML 中，前后不断行；div 元
　　素是块级的，等同于其前后有断行；p 元素是块级的，前后断行，而且还要再隔一行，相当
　　于断两行。

9. CSS 中>
　　id：每个页>
　　class：可以设置多个>
10. 请列举几个 meta 元素(YG)
　　

//向搜索引擎说明你的网页的关键词　　
//告诉搜索引擎你的站点的主要内容
　　
//告诉搜索引擎你的站点的制作的作者
　　

　　
//指定字符集
　　
//定时让网页在指定的时间 n 内跳转
　　
//可以用于设定网页的到期时间，一旦过期则必须到服务器上重新调用。需要注意的是必须使用 GMT 时间格式
　　
//禁用缓存
　　
//cookie 设定，如果网页过期，存盘的 cookie 将被删除。需要注意的也是必须使用 GMT 时间格式
　　

11. 怪异模式和 XHTML 模式下 IE 的宽的区别(YG)
　　所谓的标准模式是指，浏览器按 W3C 标准解析执行代码；怪异模式则是使用浏览器自己的方式解析执行代码，因为不同浏览器解析执行的方式不一样，所以我们称之为怪异模式。
　　浏览器解析时到底使用标准模式还是怪异模式，与你网页中的 DTD 声明直接相关，DTD声明定义了标准文档的类型（标准模式解析）文档类型，会使浏览器使用相应的方式加载网页并显示，忽略 DTD 声明,将使网页进入怪异模式(quirks mode)。
　　在 XHTML 模式下，声明一个元素的宽度，仅仅指的是在 css 中设置的>
12. 实现框架的标签，使用举例(YG)
　　

　　
　　
　　
　　

　　

13. 请写出以下 html 标签的含义：input form script style table b img （小米）
　　标签用于搜集用户信息。根据不同的 type 属性值，输入字段拥有很多种形式。
　　输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。
　　 标签用于为用户输入创建 HTML 表单。表单能够包含 input 元素，比如文本字段、复选框、单选框、提交按钮等等。
　　标签用于定义客户端脚本，比如 JavaScript。script 元素既可以包含脚本语句，也可以通过 src 属性指向外部脚本文件。
　　
　　

　　方案 2：
　　HTML 结构：
　　

　　
　　自适应区
　　
　　固定宽度区
　　

　　
后面的一个DIV，以确保前面的定位不会导致后面的变形
　　

　　CSS 样式：
　　


　　

　　这种方案，兼容性好，但是会产生额外的标签。