现在很多年轻人都在学习 IT 技术, 但是大多数学会了之后却找不到工作, 这是因为什么呢, 其实大部分都是卡在了面试题这关上, 下面是小猿圈 web 前端讲师总结的面试题, 希望对你有多帮助.
01, 谈谈你对 Web 标准以及 W3C 的理解和认识.
标签要闭合, 英文小写, 且不要嵌套混乱, 用标签语义化未提高技索的概率. 使用外链式的 CSS 和 JS(JavaScript 的缩写)脚本, 使结构, 样式, 行为分离, 内容能被更广泛的设备所访问, 代码精简, 开发组件化, 代码易维护, 可复用, 改版, 升级方便.
02,html 和 XHTML 有什么区别?
HTML 是一种基于 Web 网页的设计语言, XHTML 是一种基于 xml, 语法严格, 标准的设计语言. 两者主要的不同是 XHTML 元素必须正确地嵌套, 元素必须关闭, 标签必须小写, 必须有根元素; HTML 没有这些限制.
03, 严格模式和混杂模式如何区分? 如何触发这两种模式?
严格模式就是浏览器根据 Web 标准去解析页面的方法, 是一种要求严格的 DTD, 不许使用任何表现层的语法; 混杂模式是一种向后兼容的解析方法. 触友严格模式或者标准模式很简单, 就是在 HTML 标签前声明正确的 DTD; 触发混杂模式可以在 HTML 文档开始时不声明 DTD, 或者在 DOCTYPE 前加入 xml 声明.
04, 什么是静态网页? 什么是动态网页?
静态网页是指没有数据交王的网页, 即没有数据库参与, 没有服务器端数据的力口载. 比如静态网页就是只有 HTML+CSS+JavaScript 做成的网站. 动态网页是指有后台数据参与的网页, 网页中的数据是从数据库中提取的, 需要有后台逻辑的支持. 比女口动态网页就是 JSP 页面 (后台语言是 Java),ASP 页面(后台语言是 ASP.NET) 等.
05,DOCTYPE 有什么作用? 区分严格模式与混杂模式有何意义?
<!DOCTYPE>声明位于文档中的最前面, 位于<HTML>标签之前, 即告知浏览器的解析器, 用什么文档类型规范来解析这个文档. DOCTYPE 不存在或格式不正确都会导致文档以混杂模式呈现.
区分严格模式与混杂模式的意义如下.
严格模式的排版和 JavaScript 运行模式以该浏览器支持的最高标准运行. 在混杂模式中, 页面以宽松的向后兼容的方式显示. 模拟老式浏览器的行为以防止站点无法工作(主要针对 IE 浏览器).
06, 如何调试网页代码? 如何查看网页源代码?
要调试网页代码, 在 Windows 系统下按 Fl2 键或者按 Ctrl+Shift+I(MACOS 中是 Option+Command 十 C)组合键, 打开开发者调试工具. 要查看网页源代码, 按鼠标右键查看页面源代码.
07, 语义化的主要目的是什么?
语义化的主要目的可以概括为用正确的标签做正确的事情.
HTML 语义化可以让页面的内容结构化, 使于浏览器解析和搜索引擎解析, 并提高代码的可维护度和可重用性.
比如, 尽可能少使用无语义的标签<div>, 而多使用语义化的标签 < header><section><footer>.
08, 锚点的作用是什么? 如何创建锚点?
锚点是文档中某行的一个记号, 类似于书签, 用于链接到文档中的某个位置. 当定义锚点后, 可以创建直接跳至该锚点 (比如页面中某个小节) 的链接, 这样使用者就无须不停地滚动页面来寻找他们需要的信息了.
在使用<a>元素创建锚, 或时, 可以使用 name 属性为其命名(W3C 规范).
对其他元素, 还可以使用 id 属性为其命名, 代码如下所示.
然后就可以创建链接, 羊击链接, 直接跳转到锚点, 代码如下所示.
- <ahref="#icketang" 〉回到爱创课堂<la>
- <ahref="#school" 〉回到前端培训|学校<la>
09, 列举常用的结构标签, 并描述其作用.
结构标签专门用于标识页面的不同结构, 相对于使用<div>元素而言, 结构标签可以实现语义化的标签.
常用的结构标签有以下几种.
<header>元素, 用于定义文档的页眉.
<nav>元素, 用于定义页面的导航链接部分.
<section>元素, 用于定义文档中的节, 表示文档中一个具体的组成部分.
<article>元素, 常用于定义独立于文档其他部分的内容.
<footer>元素, 常用于定义某区域的脚注信息.
<aside>元素, 常用于定义页面的一些额外组成部分, 如广告栏, 侧边栏和相关
引用信息.
10, 超级链接有哪些常见的表现形式?
<a>元素用于创建超级链接, 常见的表现形式有以下几种.
普通超级链接,<ahref="http://www.icketang.com/"target="">爱创课堂</a>. 下载链接, 即目标文档为下载资源, 语法为<ahref="day.zip 与下载</a>.
电子邮件链接, 用于链接到 E-mail, 语法为<ahref="mailo:1234546@qq.com">.. 联系我们链接.
空链接, 用于返回页面顶部, 语法为<ahref = 川>...</a>.
锚点跳转, 用于跳转到页面某一位置, 目前常用于前端路由, 语法为<ahref="#icketang">...</a>.. 用于实现特定的代码功能, 语法为<ahref="javascr 中 t:void(O);">...</a>.
以上就是小猿圈 Web 前端讲师对于 Web 前端程序员面试题的, 希望在你的学习中或者在你工作中, 对你有所启发帮助 Web 前端自学2群: 738735873, 想学习 Web 前端可以到小猿圈上面找相应的课程去观看, 学习从兴趣开始.
来源: http://www.jianshu.com/p/716b7e73e25a