HTML5基础
被考次数: 1次
被考频率: 低频率
答错率:    58%
知识难度:
考试要求: 掌握     
知识路径:  > 电子商务系统程序设计基础  > Web 设计基础  > HTML5标记语言  > HTML5标记语言  > HTML和HTML5基础


本知识点历年真题试卷分布
>> 试题列表    
 

 
       (1)HTML5概述。HTML5实际上指的是包括HTML、CSS样式和JavaScript脚本在内的一整套技术的组合,希望通过HTML5轻松实现许多丰富的网络应用需求,减少浏览器对插件的依赖,并且更多能有效增强网络应用的标准集。
       在HTML5中添加了许多新的应用标签,其中包括
       (2)HTML5的文档结构。编写HTML文件时,必须遵循HTML的语法规则。一个完整的HTML文件由标题、段落、列表、表格、单词和嵌入的各种对象所组成。这些逻辑上统一的对象统称为元素,HTML标签来分割并描述这些元素。实际上整个HTML文件就是由元素与标签组成的。
       HTML文件基本结构如下:
       
       可以看到,HTML中用一对标签(即一个开始标签和一个结束标签)来标识一个元素。开始标签由一个字符“<”、一个标签名和一个字符“>”组成。结束标签和开始标签的区别只是在小于字符的后面要加上一个斜杠字符“/”。标签名并不区分大写和小写。
       HTML网页文档以标签开始,到标签结束,一对表示一个页面,也称为HTML文档的根标签或根元素。一个完整的页面由文档头部标签和文档主体标签两部分构成。
       (3)HTML5的基本语法。绝大多数元素都有起始标签和结束标签,在起始标签和结束标签之间的部分是元素体,例如,...。每一个元素都有名称和可选择的属性,元素的名称和属性在起始标签内进行设置。
       ①普通标签。普通标签是由一个起始标签和一个结束标签所组成的,其语法格式如下:
       
       其中,x代表标签名称。就如同一组开关:起始标签为开启某种功能,而结束标签(通常为起始标签加上一个斜线/)为关闭功能,受控制的内容放在两个标签之间,例如代码:加粗文字
       标签之中还可以附加一些属性,用来实现或完成某些特殊效果或功能,例代码:
       
       其中,a1,a2,…,an为属性名称,而V1,V2,…,Vn则是其所对应的属性。
       ②空标签。虽然大部分的标签是成对出现的,但也有一些是单独存在的,这些单独存在的标签称为空标签。其语法格式如下:。同样,空标签也可以附加一些属性。
       (4)HTML5新增加的标签。
       ①结构标签。HTML5中新增的结构标签说明如下表所示。
       
       结构标签说明
       ②文本标签。HTML5中新增的文本标签说明如下表所示。
       
       文本标签说明
       ③应用和辅助标签。HTML5中新增的应用和辅助标签说明如下表所示。
       
       应用和辅助标签说明
       ④进度标签。HTML5中新增的进度标签说明如下表所示。
       
       进度标签说明
       ⑤交互性标签。HTML5中新增的交互性标签说明如下表所示。
       
       交互性标签说明
       ⑥在文档和应用中使用的标签。HTML5中新增的在文档和应用中使用的标签说明如下表所示。
       
       在文档和应用中使用的标签说明
       ⑦标签。HTML5中新增的标签说明如下表所示。
       
       标签说明
       ⑧其他标签。HTML5中新增的其他标签说明如下表所示。
       
       其他标签说明
       (5)HTML5中废弃的标签。
       在HTML5中也废弃了一些以前HTML中的标签,主要是以下几个方面的标签。
       ①可以使用CSS样式替代的标签。在HTML5之前的一些标签中,有一部分是纯粹用作显示效果的标签。而HTML5延续了内容与表现分离,对于显示效果更多地交给CSS样式去完成。所以这方面废弃的标签有:
       ②不再支持frame框架。由于frame框架对网页可用性存在负面影响,因此在HTML5中已经不再支持frame框架,但是支持iframe框架。所以HTML5中废弃了frame框架的和标签。 </span> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="" bgcolor="" width="100%" style=" " > <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr > <td height=""> <table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="bottom" width="100%" height="28"><span class="shiwu_text_v2_csdm">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;③其他废弃标签。在HTML5中其他被废弃的标签主要是因为有了更好的替代方案。 </span> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="" bgcolor="" width="100%" style=" " > <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr > <td height=""> <table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="bottom" width="100%" height="28"><span class="shiwu_text_v2_csdm">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;.废弃<bgsound>标签,可以使用HTML5中的<audio>标签替代。 </span> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="" bgcolor="" width="100%" style=" " > <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr > <td height=""> <table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="bottom" width="100%" height="28"><span class="shiwu_text_v2_csdm">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;.废弃<marquee>标签,可以在HTML5中使用JavaScript程序代码来实现。 </span> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="" bgcolor="" width="100%" style=" " > <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr > <td height=""> <table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="bottom" width="100%" height="28"><span class="shiwu_text_v2_csdm">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;.废弃<apet>标签,可以使用HTML5中的<embed>和<object>标签替代。 </span> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="" bgcolor="" width="100%" style=" " > <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr > <td height=""> <table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="bottom" width="100%" height="28"><span class="shiwu_text_v2_csdm">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;.废弃<rb>标签,可以使用HTML5中的<ruby>标签替代。 </span> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="" bgcolor="" width="100%" style=" " > <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr > <td height=""> <table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="bottom" width="100%" height="28"><span class="shiwu_text_v2_csdm">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;.废弃<acronym>标签,可以使用HTML5中的<abbr>标签替代。 </span> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="" bgcolor="" width="100%" style=" " > <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr > <td height=""> <table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="bottom" width="100%" height="28"><span class="shiwu_text_v2_csdm">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;.废弃<dir>标签,可以使用HTML5中的<u>标签替代。 </span> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="" bgcolor="" width="100%" style=" " > <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr > <td height=""> <table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="bottom" width="100%" height="28"><span class="shiwu_text_v2_csdm">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;.废弃<isindex>标签,可以使用HTML5中的<form>标签和<Input>标签替代。 </span> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="" bgcolor="" width="100%" style=" " > <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr > <td height=""> <table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="bottom" width="100%" height="28"><span class="shiwu_text_v2_csdm">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;.废弃<listing>标签,可以使用HTML5中的<pre>标签替代。 </span> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="" bgcolor="" width="100%" style=" " > <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr > <td height=""> <table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="bottom" width="100%" height="28"><span class="shiwu_text_v2_csdm">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;.废弃<xmp>标签,可以使用HTML5中的<code>标签替代。 </span> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="" bgcolor="" width="100%" style=" " > <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr > <td height=""> <table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="bottom" width="100%" height="28"><span class="shiwu_text_v2_csdm">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;.废弃<nextid>标签,可以使用HTML5中的GUIDs替代。 </span> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="" bgcolor="" width="100%" style=" " > <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr > <td height=""> <table width="100%" border="0" bgcolor="" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="bottom" width="100%" height="28"><span class="shiwu_text_v2_csdm">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;.废弃<plaintext>标签,可以使用HTML5中的"text/plain"MIME类型替代。 </span> </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td width="100%" align="center" colspan="" height="30" bgcolor=""></td> </tr> </table> <!--一个完整知识点的区域 结束--> </td> </tr> </table> </td> </tr> <tr> <td width="100%" align="left" colspan="2" height="20"></td> </tr> </table> </td> <td width="2%" align="center" colspan="" height="" bgcolor="">&nbsp;</td> </tr> <tr> <td width="100%" align="center" colspan="3" height="50" bgcolor=""></td> </tr> </table> <table width="100%" border="0" bgcolor="#ffffff" align="center" cellpadding="0" cellspacing="0" > <tr> <td width="100%" align="left" colspan="2" height="16" bgcolor=""></td> </tr> <tr> <td width="100%" align="center" colspan="2" height="" bgcolor=""> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-9950270115753994" crossorigin="anonymous"></script> <!-- 手机-考点辞典-300*100 --> <ins class="adsbygoogle" style="display:inline-block;width:300px;height:100px" data-ad-client="ca-pub-9950270115753994" data-ad-slot="9095078277"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </td> </tr> <tr> <td width="100%" align="left" colspan="2" height="8" bgcolor=""></td> </tr> </table> <table width="100%" border="0" bgcolor="#ffffff" align="center" cellpadding="0" cellspacing="0" > <tr> <td width="100%" align="left" colspan="2" height="8" bgcolor=""></td> </tr> <tr> <td width="100%" align="center" colspan="2" height="" bgcolor=""> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <!-- 手机-考点辞典-横向自适应-1 --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-9950270115753994" data-ad-slot="2161948469" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </td> </tr> <tr> <td width="100%" align="left" colspan="2" height="8" bgcolor=""></td> </tr> </table> <script type="text/javascript" src="../tk_tishi_unsubscribe.jsp"></script> <!--任何页面都有foot_x--> <!-- <script type="text/javascript"> /*移动-方块*/ var cpro_id = "u2014899"; </script> <script src="http://cpro.baidustatic.com/cpro/ui/cm.js" type="text/javascript"></script> --> <table width="100%" border="0" align="center" cellpadding="0" bgcolor="#f1f1f1" cellspacing="0" > <tr> <td width="100%" align="left" colspan="2" height="1" bgcolor="#e0e0e0"></td> </tr> <tr align="center"> <td width="100%" align="center" valign="middle"> <br> <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" > <tr align="center" > <td align="center" > 更多复习资料<br>请登录电脑版软考在线 www.rkpass.cn <br><br> <span class="hui_xiao">京B2-20210865</span>&nbsp;<span class="hui_xiao">|</span>&nbsp;<span class="hui_xiao">京ICP备2020040059号-5</span> <br> <a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010502032051" ><img src="https://www.rkpass.cn/image/gongan.png" width="20" height="20" border="0"/><span class="hui_xiao">京公网安备 11010502032051号</span></a>&nbsp;<span class="hui">|</span>&nbsp;<a href="https://www.rkpass.cn/image/yyzz.jpg" target="_blank"><span class="hui">营业执照</span></a> <br> <span class="hui_xiao">&nbsp;Copyright &copy;2000-2025 All Rights Reserved <br>软考在线版权所有</span> </td> </tr> </table> </td> </tr> </table> <!--任何页面都有foot_y--> <table width="100%" border="0" align="center" cellpadding="0" bgcolor="#f1f1f1" cellspacing="0" > <tr align="center"> <td width="100%" align="center" valign="middle"> <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" > <tr align="center" > <td align="center" > <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?f7e4c3c7e4d92abbcc231d25f16df4c3"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <!-- <script src="http://s25.cnzz.com/stat.php?id=5504760&web_id=5504760" language="JavaScript"></script> --> </td> </tr> </table> <br> </td> </tr> </table> <script type="text/javascript" src="../bottom_baike_caidan.jsp?leixing=zhishidian&kemu_id=14&zhang_ben=0244&zhishidian_pre=202106031246056747222&zhishidian_next=202106031236129152136"></script> </body> </html>