第一章
1．简答题
（1）在Web前端开发方面，HTML5与HTML4比较，主要解决哪几方面的问题？
HTML5的核心在于解决当前Web开发中存在的各种问题。
一是解决Web浏览器之间的兼容性问题。在一个浏览器上正常显示的网页（或运行的Web应用程序），很可能在另一个浏览器上不能显示或显示效果不一致；
二是文档结构描述的问题。HTML4之前的各版本中，HTML文档的结构一般用div元素描述，文档元素的结构含义不够清晰；
三是使用HTML+CSS+JavaScript开发Web应用程序时，开发功能受到很大的限制，比如本地数据存储功能、多线程访问、获取地理位置信息等，这些都影响了用户的体验。
（2）HTML5新增的全局属性有哪几个？描述其主要功能。
html网页设计cssHTML5新增的全局属性，是指可以对任何元素都使用的属性。功能如下所示。
属性 | 描述 | HTML5新增 |
accesskey | 规定访问元素的键盘快捷键 | |
class | 规定元素的类名（用于规定样式表中的类）。 | |
contenteditable | 规定是否允许用户编辑内容。 | 是 |
contextmenu | 规定元素的上下文菜单。 | 是 |
dir | 规定元素中内容的文本方向。 | |
draggable | 规定是否允许用户拖动元素。 | 是 |
dropzone | 规定当被拖动的项目/数据被拖放到元素中时会发生什么。 | 是 |
hidden | 规定该元素是无关的。被隐藏的元素不会显示。 | 是 |
id | 规定元素的唯一 ID。 | |
lang | 规定元素中内容的语言代码。 | |
spellcheck | 规定是否必须对元素进行拼写或语法检查。 | 是 |
style | 规定元素的行内样式。 | |
tabindex | 规定元素的 tab 键控制次序。 | |
title | 规定有关元素的额外信息。 | |
（3）HTML5是下一代Web语言的开发框架，典型特性有哪些？
HTML5从标记语言的功能提升到下一代Web语言的开发框架，他集成了HTML+CSS3+JavaScript的Web应用框架。。
良好的语义特性。HTML5支持微数据与微格式，增加的各种元素赋予网页更好的意义和结构，适于构建对程序、对用户都更有价值的数据驱动的Web应用。HTML5增加了section元素、article元素、nav元素以及aside元素等结构元素。
强大的绘图功能。通过使用Canvas API动态地绘制各种效果精美的图形，也可以通过SVG绘制可伸缩矢量图形。
增强的音视频播放和控制功能。新增了audio和video 元素，可以不依赖任何插件而播放音频和视频。
HTML5的数据存储和数据处理的功能。
包括离线应用、Web通信、本地存储 等功能，HTML5还支持WebSQL和IndexedDB等轻量级数据库，增强了数据存储和数据检索能力。
获取地理位置信息。HTML5新增了Geolocation API规范，应用于移动设备中的地理定位。
提高页面响应的多线程。HTML5新增了Web Workers来实现多线程功能。通过Web Workers，将耗时较长的处理交给后台线程，降低Web服务的响应时间，有利于增强用户体验。
方便用户处理文件和访问文件系统的文件文件API 。HTML5的文件API包括FileReader API和File SystemAPI。
除了上面介绍的HTML5的特性之外，HTML5还有管理浏览器历史记录的History API。HTML5可以通过脚本语言在浏览器历史记录中添加项目，以及在不刷新页面的前提下显示地改变浏览器地址栏中的URL地址；而HTML5的拖放功能可以使用mousedown、mousemove、mouseup等方法来实现拖放操作。
（4）HTML5文档结构的HTML4之前的文档结构有哪些变化？
内容类型(ContentType) 。HTML5的文件扩展名与内容类型与之前的HTML版本相同。但. DOCTYPE声明 做了简化，该声明适用所有HTML。声明如下：<!DOCTYPE html>
在HTML5中，直接指定meta标记的charset属性可以设置字符编码，如下所示。<meta charset="utf-8">
从HTML5开始，对于HTML文件的字符编码推荐使用UTF-8。
操作题略。
第二章
1．简答题
（1）简述HTML文档的基本结构元素的功能。
HTML文档的基本结构元素包括<html>、<head>、<body>等。
<html>和</html>标记表示该文档是HTML文档。有时<html>标记可省略，因为.html或.htm文件被Web浏览器默认为是HTML文档。
<head> 和</head>标记表示的是文档头部信息，一般包括标题和主题信息，该部分信息不会显示在页面正文中。一些CSS样式定义、JavaScript脚本也可以放到文档的头部。
<body>和</body>标记是网页的主体信息，是显示在页面上的内容，各种网页元素，包括文字、表格和图片等信息都将放到这个标记内。如果为body元素设置CSS样式，还可以实现背景、边距、字体等样式的变化。
（2）HTML5增加的article、section、nav、aside等结构元素功能。
HTML 5增加了article、section、nav、aside、header、footer等布局元素，以实现更好的语义解释。但这些结构元素定义的是增强了语义的div块，是HTML页面按逻辑进行分割后的单位，并没有显示效果
article元素代表文档、页面或应用程序中独立的、完整的、可以独自被外部引用的内容。 例如，一篇博客或报刊中的文章、一篇论坛帖子、一段用户评论或独立的插件等。
section元素用于定义文档中的节。比如章节、页眉、页脚或文档中的其它部分。一般用于成节的内容，会在文档流中开始一个新的节。
nav元素是一个可以用作页面导航的链接组，其中的导航元素链接到其他页面或当前页面的其他部分。
aside标签用来承载非正文的内容，被视为页面里面一个单独的部分。它包含的内容与页面的主要内容是分开的，可以被删除，而不会影响到网页的内容、章节或是页面所要传达的信息。
header元素是一种具有引导和导航作用的结构元素，通常用来放置整个页面或页面内的一个内容区域的标题，但也可以包括表格、logo图片等内容。
footer元素一般作为其上层容器元素的脚注
（3）HTML为什么要使用字符实体？列举出5个常用的字符实体名称。
一些字符在 HTML 中拥有特殊的含义，比如小于号 (<) 用于定义 HTML 标记的开始。如果用户希望浏览器正确地显示这些字符，需要在 HTML 源码中插入字符实体。常见的字符实体如下。
显示结果 | 描述 | 实体名称 |
空格 | ||
< | 小于号 | < |
> | 大于号 | > |
& | 和号 | & |
" | 引号 | " |
' | 撇号 | ' (IE不支持) |
§ | 节 | § |
© | 版权 | © |
® | 注册商标 | ® |
× | 乘号 | × |
÷ | 除号 | ÷ |
操作题略。
第三章
1．简答题
（1）定义列表的标记有哪几种？各种列表标记之间都可以嵌套使用吗？
HTML中的列表元素有3种形式——有序列表、无序列表和自定义列表。
有序列表由<ol></ol>标记对实现，在<ol></ol>标记之间使用成对的<li></li>标记添加列表项目。
无序列表由成对的<ul></ul>标记对实现，<ul></ul>标记之间使用成对的<li></li>标记可添加列表项目。
自定义列表以<dl>标记开始，自定义列表项目以<dt>开始，自定义列表的解释以<dd>开始。
各种列表标记之间都可以嵌套使用，例如，自定义列表的一个嵌 套。
<!DOCTYPE HTML>
<html>
<head>
<meta charset=utf-8>
<title>自定义列表示例</title>
</head>
<body>
<dl>
<dt>用户名<dd>6~18个字符，需以字母开头
<dl>
<dt>first Name<dd>fdsdffddsfds
<dt>last Name<dd>fdfdfdsdsssdf
</dl>
</dt>
<dt>密码<dd>6~16个字符，区分大小写 </dt>
</dl>
</body>
</html>
（2）在HTML文档中插入图像使用什么标记？该标记有哪些常用属性？分别实现什么功能？
使用<img>标记插入图像，语法格式如下。<img src="url" title="description" />
该标记含有多个属性，具体的属性及功能如表所示。其中，width属性、height属性、borde
r属性、align属性已经不建议使用，而是通过CSS来描述。
属性名 | 说明 |
src | 图像地址 |
title | 添加图像的替代文字 |
width/height | 设置图像宽度/高度 |
border | 设置图像边框 |
align | 设置图像对齐方式 |
（3）绝对路径、相对路径和根路径的区别是什么？
绝对路径指文件的完整路径，包括文件传输的协议HTTP、FTP等，一般用于网站的外部链接，
相对路径是指相对于当前文件的路径，它包含了从当前文件指向目的文件的路径，适用于网站的内部链接。
根路径的设置以“/”开头，后面紧跟文件路径，例如：/download/index.html。根路径的设置也适用于内部链接的建立，一般情况下不使用根路径。根路径必须在配置好的服务器环境中才能使用。
（4）如何为网页添加超链接？定义超链接时如何指定打开链接文件的目标窗口？有几种目标窗口形式？
在HTML文件中，使用标记<a>来定义超链接，具体链接对象通过标记中的href属性来设置。定义超链接的语法格式如下。<a href="url" target="target-windows" >链接标题</a>
target属性指定用于打开链接的目标窗口，默认方式是原窗口，其属性值如表所示。
属性值 | 说明 |
parent | 当前窗口的上级窗口，一般在框架中使用 |
blank | 在新窗口中打开 |
self | 在同一窗口中打开，和默认值一致 |
top | 在浏览器的整个窗口中打开，忽略任何框架 |
2．操作题
（1）使用无序列表标记<ul>和有序列表标记<ol>定义如图3-23所示的嵌套列表，链接文件可自定义或输入“#”。
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。
发表评论