平时不注意的html和css面试题

1、什么是HTML5?

答:HTML5是最新的HTML标准。

注意:讲述HTML5推出的设计目的,以及现在市场的使用情况,浏览器支持情况等。。。。

设计目的

HTML5的设计目的是为了在移动设备上支持多媒体。新的语法特征被引进以支持这一点,如video、audio和canvas 标记。HTML5还引进了新的功能,可以真正改变用户与文档的交互方式,包括:

· 新的解析规则增强了灵活性

· 新属性

· 淘汰过时的或冗余的属性

· 一个HTML5文档到另一个文档间的拖放功能

2、XHTML1.0版本你知道么,跟html5版本有什么区别

答: XHTML 1.0 是 XML 风格的 HTML 4.01。

XHTML 1.1 主要是初步进行了模块化。

HTML5 是下一代 HTML,取代 HTML 4.01。

W3C 原本确实计划用 XHTML 系列替代 HTML 4.01,但 XHTML 系列实际上只活到了 1.1(1.1 和夭折的 1.2 已经体现出过分 XML 的迹象,而 W3C 的理想其实在疯狂的 XHTML 2 身上,当然,它没能诞生),还没脱离 HTML 4.01 的阴影就死了。

还没等 XHTML 兴起,它的地位就被 HTML5 取代了。

3、CSS是什么?有什么用处。

答: 层叠样式表是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。

CSS目前最新版本为CSS3,是能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言,CSS能够对网页中的对象的

.位置排版进行像素级的精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力,并能够进行初步交互设计,是目前基于文本展示最优秀的表现设计语言。CSS能够根据不同使用者的理解能力,简化或者优化写法,针对各类人群,有较强的易读性。

4、解释W3C

答: 万维网联盟创建于1994年,是Web技术领域最具权威和影响力的国际中立性技术标准机构。到目前为止,W3C已发布了200多项影响深远的Web技术标准及实施指南,

如广为业界采用的超文本标记语言(标准通用标记语言下的一个应用)、可扩展标记语言(标准通用标记语言下的一个子集)以及帮助残障人士有效获得Web内容的信息无障碍指南(WCAG)等,

有效促进了Web技术的互相兼容,对互联网技术的发展和应用起到了基础性和根本性的支撑作用。

5、页面重构

答: 网站重构不是一种技术,不是css+div,更不是标准,网站重构是一种思想,是一种理念。

引用WebReBuild.ORG 的话:当前国内的同行普遍的认为:所谓的网站重构就是“DIV+CSS”,想法固然极度局限。但也不是另一部分的人认为是“XHTML+CSS”,因为“XHTML+CSS”只是页面重构。真正的网站重构理应包含结构、行为、表现三层次的分离以及优化,行内分工优化,以及以技术与数据、人文为主导的交互优化等。

重构网站先重构人,重构你的理念,不要光光追求技术,追求还原设计稿,追求浏览器的兼容性,重要的是基础和理念。当你真正了解什么是网站重构的时候网站重构也就真正开始了。

6、css样式引用和js引入的位置问题(为什么会放在头部或者底部)。

答: 在开发网页时,尽量将css放置在页面的header里,js不管是外部引入的或嵌入的js片段都应放在页面的尾部。

因为页面在加载时,css加载是可以并发请求 的(同页面中的图片,ie6除外),而js加载时需要等待一个js文件加载完成后才加载其他资源,为了页面的快速呈现,放置在尾部效果较好。

同时由于嵌入的js片段会阻塞整个页面 的呈现(外部引入js文件阻塞其他资源下载,也会阻塞该js引入位置以下的页面的内容 呈现,所以要放置页面的最下面)

7、标签语义化和CSS命名语义化有什么好处?

1.去掉样式或者样式丢失时页面结构依然清晰分明

2.移动设备能够更加完美的展示你的网页(移动设备对css的支持较弱)

3.阅读器会根据标签的语义自动解析,呈现更容易阅读的内容形式(无障碍阅读)

4.搜索引擎会根据标签的语义确定上下文和权重问题

5.便于后期的开发以及维护,团队合作效率提高

8、谈谈你对WEB标准以及W3C的理解与认识。

答: (1)web标准规范要求,书写标签必须闭合、标签小写、不乱嵌套,可提高搜索机器人对网页内容的搜索几率。--- SEO

(2)建议使用外链css和js脚本,从而达到结构与行为、结构与表现的分离,提高页面的渲染速度,能更快地显示页面的内容。

(3)样式与标签的分离,更合理的语义化标签,使内容能被更多的用户所访问、内容能被更广泛的设备所访问、更少的代码和组件, 从而降低维护成本、改版更方便

(4)不需要变动页面内容,便可提供打印版本而不需要复制内容,提高网站易用性


遵循w3c制定的web标准,能够使用户浏览者更方便的阅读,使网页开发者之间更好的交流。

9、为什么要初始化CSS样式。(面试官主要考的是对标签的默认样式了解)

1.因为浏览器的兼容问题,不同浏览器对有些标签的默认值是不同的,如果没对CSS初始化往往会出现浏览器之间的页面显示差异。

2.初始化CSS样式主要是提高编码质量,如果不初始化整个页面做完很糟糕,重复的css样式很多。

去掉标签的默认样式如:margin,padding ,其它浏览器默认解析字体大小字体设置

html,body, dl, dd, h1, h2, h3, h4, h5, h6, p, form{margin:0;}

ul,ol,li{margin:0;padding:0}

10、你能解释一下CSS的盒子模型么?

CSS和模型是围绕在HTML元素周围的定义Border(边界),padding(内边距)和margin(外边距)的矩形空间

Border(边界):定义了元素包含的最大区域,我们能够使边界可见,不可见,定义高度和宽度等;

Padding(内边距):定义了边界和内部元素的间距

Margin:定义了边界和任何相邻元素的间距

注意面试官想要的答案不止这些(需要回答什么是怪异盒模型盒标准盒模型)如果能回答就扯一下产生怪异模型盒的原因和结果。面试题1和2有答案

原因:主要原因是doctype文档声明问题

结果:

标准盒模型中width和height指的是内容区域的宽度和高度,增加内边距、边框和外边距不会影响内容区域的尺寸,但是会增加元素框的总尺寸;

但在IE6浏览器的width不是内容的宽度,而是内容、内边距和边框的宽度总和。

你可能感兴趣的:(平时不注意的html和css面试题)