|
|
|
|
知识路径： > 电子商务系统程序设计基础 > Web 设计基础 > HTML5标记语言 >
|
|
|
被考次数：16次
|
|
|
被考频率：
高频率
|
|
|
总体答错率：
48%
|
|
知识难度系数：
|
|
|
考试要求：
掌握
|
|
|
相关知识点：97个
|
|
|
|
|
|
|
|
|
超文本标记语言，即HTML（Hypertext Markup Language），是用于描述网页文档的一种标记语言，是建立电子商务网站页面的基础。
|
|
|
|
HTML是一种规范，一种标准，它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件，通过在文本文件中添加标记符，可以告诉浏览器如何显示其中的内容（如：文字如何处理，画面如何安排，图片如何显示等）。HTML之所以称为超文本标记语言，是因为文本中包含了“超链接”点。所谓超链接，就是一种URL指针，通过单击它，可使浏览器方便地获取新的网页。
|
|
|
|
HTML语言作为一种网页编辑语言，易学易懂，能制作出精美的网页效果，其主要功能：
|
|
|
|
.利用HTML语言格式化文本。例如，设置标题、字体、字号、颜色；设置文本的段落、对齐方式等。
|
|
|
|
.利用HTML语言可以在页面中插入图像。使网页图文并茂，还可以设置图像的各种属性。例如，大小、边框、布局等。
|
|
|
|
.利用HTML语言可以创建列表，把信息用一种易读的方式表现出来。
|
|
|
|
.利用HTML语言可以建立表格。表格为浏览者提供了快速找到需要信息的显示方式。
|
|
|
|
.利用HTML语言可以在页面中加入多媒体。可以在网页中加入音频、视频、动画，还能设定播放的时间和次数。
|
|
|
|
.HTML语言可以建立超链接通过超链接检索在线的信息，只需用鼠标单击，就可以链接到任何一处。
|
|
|
|
|
|
|
|
（1）HTML5概述。HTML5实际上指的是包括HTML、CSS样式和JavaScript脚本在内的一整套技术的组合，希望通过HTML5轻松实现许多丰富的网络应用需求，减少浏览器对插件的依赖，并且更多能有效增强网络应用的标准集。
|
|
|
|
在HTML5中添加了许多新的应用标签，其中包括
|
|
|
|
（2）HTML5的文档结构。编写HTML文件时，必须遵循HTML的语法规则。一个完整的HTML文件由标题、段落、列表、表格、单词和嵌入的各种对象所组成。这些逻辑上统一的对象统称为元素，HTML标签来分割并描述这些元素。实际上整个HTML文件就是由元素与标签组成的。
|
|
|
|
|
|
|
|
可以看到，HTML中用一对标签（即一个开始标签和一个结束标签）来标识一个元素。开始标签由一个字符“<”、一个标签名和一个字符“>”组成。结束标签和开始标签的区别只是在小于字符的后面要加上一个斜杠字符“／”。标签名并不区分大写和小写。
|
|
|
|
HTML网页文档以标签开始，到标签结束，一对表示一个页面，也称为HTML文档的根标签或根元素。一个完整的页面由文档头部标签和文档主体标签两部分构成。
|
|
|
|
（3）HTML5的基本语法。绝大多数元素都有起始标签和结束标签，在起始标签和结束标签之间的部分是元素体，例如，...。每一个元素都有名称和可选择的属性，元素的名称和属性在起始标签内进行设置。
|
|
|
|
①普通标签。普通标签是由一个起始标签和一个结束标签所组成的，其语法格式如下：
|
|
|
|
|
|
其中，x代表标签名称。和就如同一组开关：起始标签为开启某种功能，而结束标签（通常为起始标签加上一个斜线/）为关闭功能，受控制的内容放在两个标签之间，例如代码：加粗文字
|
|
|
|
标签之中还可以附加一些属性，用来实现或完成某些特殊效果或功能，例代码：
|
|
|
|
|
|
其中，a1，a2，…，an为属性名称，而V1，V2，…，Vn则是其所对应的属性。
|
|
|
|
②空标签。虽然大部分的标签是成对出现的，但也有一些是单独存在的，这些单独存在的标签称为空标签。其语法格式如下：。同样，空标签也可以附加一些属性。
|
|
|
|
|
|
①结构标签。HTML5中新增的结构标签说明如下表所示。
|
|
|
|
|
|
|
|
②文本标签。HTML5中新增的文本标签说明如下表所示。
|
|
|
|
|
|
|
|
③应用和辅助标签。HTML5中新增的应用和辅助标签说明如下表所示。
|
|
|
|
|
|
|
|
④进度标签。HTML5中新增的进度标签说明如下表所示。
|
|
|
|
|
|
|
|
⑤交互性标签。HTML5中新增的交互性标签说明如下表所示。
|
|
|
|
|
|
|
|
⑥在文档和应用中使用的标签。HTML5中新增的在文档和应用中使用的标签说明如下表所示。
|
|
|
|
|
|
|
|
|
|
|
|
|
|
⑧其他标签。HTML5中新增的其他标签说明如下表所示。
|
|
|
|
|
|
|
|
|
|
在HTML5中也废弃了一些以前HTML中的标签，主要是以下几个方面的标签。
|
|
|
①可以使用CSS样式替代的标签。在HTML5之前的一些标签中，有一部分是纯粹用作显示效果的标签。而HTML5延续了内容与表现分离，对于显示效果更多地交给CSS样式去完成。所以这方面废弃的标签有：和。
|
|
|
|
②不再支持frame框架。由于frame框架对网页可用性存在负面影响，因此在HTML5中已经不再支持frame框架，但是支持iframe框架。所以HTML5中废弃了frame框架的 | | |
