1. 谈谈你对 Web 标准以及 W3C 的理解和认识 。
标签要闭合，英文小写，且不要嵌套混乱，用标签语义化未提高技索的概率 。
使用外链式的 css 和 JS ( Java Script 的缩写)脚本，使结构、样式、行为分离，内容 能被更广泛的设备所访问 ，代码精简 ， 开发组件化 ，代码易维护、 可复用，改版、升 级方便 。
2. HTML 和 XHTML 有什么区别?
品: HTML 是一种基于 Web 网页的设计语言， XHTML 是一种基于 XML、语法严格、
标准的设计语言 。
两者主要的不同是 XHTML 元素必须正确地嵌套，元素必须关闭，标签必须小写 ，
必须有根元素; HTML 没有这些限制 。
3. 严格模式和混杂模式如何区分?如何触发这两种模式?
品:严格模式就是浏览器根据 Web标准去解析页面的方法， 是一种要求严格的 DTD, 不九许使用任何表现层的语法;混杂模式是 一种向后兼容的解析方法 。
触友严格模式或者标准模式很简单，就是在 HTML 标签前声明 正确的 DTD; 触发 混杂模式可以在 HTML 文档开始时不声明 DTD，或者在 DOCTYPE 前加入 XML 声明 。
4. 什么是静态网页?什么是动态网页?
品: 静态网页是指没有数据交王的网页，即没有数据库参与，没有服务器端数据的
力口载。 比如静态网页就是只有 HTML+CSS+JavaScript 做成的网站 。 动态网页是指有后台数据参与的网页 ，网 页中的数据是从数据库中提取的，需要有后台逻辑的
支持。 比女口动态网页就是 JSP 页面(后台语言是 Java)、 ASP 页面(后台语言是 ASP.NET )等。 认为青副固的网员就是司态网页 ，这是一个严重的误区。
5. DOCTYPE 有什么作用?区分严格模式与混杂模式有何意义?
<!DOCTYPE>声明位于文档中的最前面，位于 <html>标签之前，即告知浏览器 的解析器，用什么文档类型规范来 解析 这个文档 。 DOCTYPE 不存在或格式不正确都会
导致文档以混杂模式呈现 。
区分严格模 式与混杂模式的意义如下 。
严格模式的排版和 JavaScript 运行模式以该浏览器支持的最高标准运行 。 在混杂模
式中，页面以宽松的向后兼容的方式显示 。 模拟老式浏览器的行为以防止站点无法工作 (主要针对 IE 浏览器)。
6. 如何调试网页代码?如何查看网页源代码?
要调试网页代码，在 Windows 系统下按 Fl2 键或者按 Ctrl+Shift+I (MAC OS
中是 Option+Command十C )组合键，打开开发者调试工具 。 要查看网页源代码 ， 按鼠标右键查看页面源代码 。
7. 语义化的主要目的是什么? :语义化的主要目的可以概括为用正确的标签做正确的事情 。
HTML 语义化可以让页面的内容结构化，使于浏览器解析和搜索引擎解析，并提高
代码的可维护度和可重用性 。
比如，尽可能少使用无语义的标签 <div>， 而多使用语义化的标签 <header><section>
<footer>。
8.锚点的作用是什么?如何创建锚点?
锚点是文档中某行的 一个记号 ，类似 于书签 ，用 于链接到文档 中的某个位 置 。 当定义锚点后，可以创建直接跳至该锚点(比如页面中某个小节)的链接，这样使用者
就无须不停地滚动页面来寻找他们需要的信息了 。
在使用 <a>元素创建锚，或时，可以使用 name 属性为其命名( W3C 规范)。
对其他元素，还可以使用 id 属性为其命名，代码如下所示 。
<hl id=”icketang">爱创课堂</hl>
<a name="school”〉前端培训学校<la>一<la>
然后就可以创建链接，羊击链接，直接跳转到锚点，代码如 下所示 。
<a <a href= " #icketang ”〉回到爱创课堂 <la> href= "#school ”〉回到前端培训|学校 <la>
9.结构标签专门用于标识页面的不同结构，相对于使用 <div>元素而言， 结构标签
可以实现语义化的标签 。 常用的结构标签有以下几种 。
• <header>元素 ， 用于定义文档的页眉 。
• <nav>元素 ， 用于定义页面的导航链接部分 。
• <section>元素，用于定义文档中的节 ， 表示文档中一个具体的组成部分 。
• <article>元素，常用于 定义独 立于文档其他部分的内容 。
前
• <footer>元素，常用于定义 某区域的脚注信息 。
• <aside>元素，常用于定义页 面 的 一 些 额外 组成 部分，如 广告栏、 侧 边栏和相关 引用信息 。
10. 超 级链接有哪些常见的表现形式?
品: <a>元素用于创 建超级链接，常 见的表现形式有以下几种 。
• 普通超级链接 ， 语法为 <a href="h即://飞www.icketang.com/”target=””>爱创课堂</a>。 . 下载链接 ，即目标文档为下载资源，语法为 <a href=”day.zip与下载 </a>。
• . • •
电子邮件链接，用于链接到 E-mail，语法为 <a href=”mailo: 1234546@qq.com”>。
联系我们链接
。
空链接，用于返回页面顶部 ， 语法为 <a href=川>...</a>。
锚点跳转，用于跳转到页面某一位置，目前常用于前端路由，语法为 <a href= ”#icketang”>...</a>。
. 用于实现特定的代码功能，语法为 <a href=”javascr中t:void(O); ">...</a>。
11 测试过哪些浏览器的页面?它们的内核分别是什么?
品: IE(Trident)、 Firefox(Gecko、 Chrome 与 Safari(Webkit)、 Opera(Presto)。
12. div 是什么?在 div 出现之前用什么做网站布局?
div是网站布局的盒子标签。 div 出现之前使用 table布局。 因为 table布局嵌套
很多，网站力口:载慢( table无法局部渲染 )， 布局层级不清晰。
13. img标签title和 alt属性的区别是什么?
title 的功 能是为元素提供标题信息，即当光标悬浮在标签上后显示的信息; alt 的功能是图片的替换文 案，即当图片不能 正常 显示时(如加载失败)，用文字代替 。
14. 空元素有哪些?
知名的空元素(羊标签)有
<hρ<img><input><link><meta>。
空元素也就是我们通常所说的单标壶元素。
15. 简述一下 src与 href的区别。
向· src表示来源地址，用在 img、 script、 i企ame等元素上。 href表示超文本引用( hypertext reference)，用在 link和 a等元素上。
src 的内容是页面必不可少的一部分，表示引入 。 href的内容与该页面有关联，表示 引用 。简单 来说 ， 它们的区别就是引入和引用 。
16. 简述一下< strong><em>和< b><i>标签的区别 。
品: <strong>标签和 <em>标签一样，用于强调文本，但它强调的程度更强一些 。 <em>是斜体强调标签，强调更强烈，表示内容的强调点 。 视觉上相当于 html 元素
中的<i>...</i>。<em>和 <strong>是表达元素( phrase element )，即语义化元素 。
<b >< i >是视觉元素，即非语义化元素 ，分 别表示无意义的力口粗和无意义的抖体 。
17. 你知道多少种 DOCTYPE? HTML 与 XHTML 有什么共同点?
品: DOCTYPE 标签可声明 3 种文档类型，分别表示严格版本( Strict )、过渡版本
(Transitional )和基于框架( Frameset )的 HTML 丈档 。
HTML4.01 规定了 3 种文档类型: Strict、 Transitional 和 Frameset。
XHTML 1.0 规定了 3 种 XML 文档类型: Strict、 Transitional 和 Frameset。 浏览器通常有两种呈现模式 Standards 和 Quirks。
Standards (标准)模式(也就是严格呈现模式)用于呈现遵循最新标准的网页 。 Quirks (包容)模式(也就是松散呈现模式或兼容模式)用于呈现为传统浏览器而设
计的网页 。
HTML 和 XHTML 的共同点如下 。
( 1 )所有的标记都必须要有一个相应的结束标记 。
( 2 )所有标签的元素和属性的名字都必须使用小写 。
( 3 )所有的 XML 标记都必须合理嵌套。
( 4 )所有的属性必须用引号“”括起来 。
( 5 )所有“ <”和“&”特殊符号都用编码表示 。
( 6 )给所有 属 性赋一个值 。
( 7) 不要在注释内容中使“一 。
( 8 )图片必须有说明文字 。
18.在新窗口打开新链接的方法是什么?
target=_blank
19.HTML, CSS、 JavaScipt的关系是什么?
学习 Web 前端开发基础技术需要掌握 HTML, CSS 和 JavaScript 语言 。
( 1) HTML 走网页内容的载体 ，是 内容显示的框架 。 内容就是网页制作者放在页面
上想让用户浏览的信息，包括文字、图片、视频等 。
( 2) css 是网页内容的表现，就像对网页进行包装。比如字体、颜色、边框等，这
些都是用来改变内容外观的东西 。
前
( 3 ) JavaScript 用来实现网页上的特效和交互 。 比如，当尤标放在某个链接上时背 景 颜色改变等 。
20. 在一个特定的框架中如 f可使用 HTML 中的超链接定位?
可以使用“ target”属性在指定的框架中打开被链接文档 。
<a href;"newpage.html” target;”newframe”> New Page</a>。
21.请你说说 iframe有哪些优点。
马: iframe 有如下 优点 。
( l )可以解决加载缓慢的第二方内容，如图标和广告等的力口载问题 。 ( 2 )可以实现安全 i少箱( Security Sandbox )。
( 3 )可以并行加载脚本 。
22.请你说说< iframe>有哪些缺点
<iframe>有如下 缺点 。
(1) iframe会阻塞主页面的 Onload事件。
( 2) iframe 的内 容即使为空，加载它 也 需要 时间 。
(3) iframe元素没有语义。
23. 说说你对语义化的理解 。
占 语义化标签有如下特点 。
( l )丢失样式的时候能够让页面呈现出清晰的结构 。
( 2) SEO 是指和搜索引擎建立良好的沟通，有助于爬虫抓取更多的有效信息 。 爬虫
依赖标签来确定 上下文和 各个关键字的权重 。
( 3 )其他设备解析(如屏幕阅读器、盲人阅读器、移动设备)以有意义的方式来渲染
网页 。
( 4 )在团队开发和维护中，语义化史具可读性，是未来网页发展的重要方向 。 遵循
W3C 标准的团队开发的网页，都会遵循这个标准 ， 以减少差异 。
