目前，W3C 总共有142个HTML元素被标准化，不包括标准化初期和过时的HTML元素 。 就是说，有可能错过或忘记其中一些在需要时可能有用的东西。
之前，我们对您可能忽略了的一些最佳CSS技巧进行了概述。 这篇文章会提醒您一些您不知道可以用来实现以下功能HTML标记：
1.地图图片
HTML <map>元素可用于创建图像地图。 图像映射基本上是在其上具有可单击区域的图像，可以将其超链接到另一个网页或同一文档的其他部分。 您可以通过简单地在嵌套在<map>内的<area>元素中提及这些点的相应XY坐标来定义图像的可单击<area> 。
提示：如果您想知道图像中某个点的坐标，请在图像编辑软件中打开图像并将光标移至该点，您应该能够在软件本身中看到其坐标。 对于GIMP，它显示在底部栏的左侧。
2.输入建议
使用<datalist>来提供在输入输入值时出现的相关建议的列表。
3.突出显示文字
高亮显示的文本通常具有深色文本和浅色背景。 您可以单独使用标记来实现突出显示的文本效果。 包含在<mark>任何文本都将具有该效果。
您可以自定义用高亮色 background-colorCSS属性<mark>和与文本颜色 color属性。
4.定义模板
与HTML5一起出现的是新的<template>元素。 <template>元素在其中保存未由浏览器呈现的标记，它所包含的标记将用于使用JavaScript在页面中生成动态内容 。
例如，假设您有一个<table> ，其中要动态添加行，则只需将该表的空行的标记放在<template>标记内，并在需要时调用包含脚本JavaScript函数以复制标记从模板标签内部并将其添加到表格标记中。 IE不支持此功能。
5.精美印刷
精细打印是指通常以非常小的尺寸打印的文档文本，其中包含诸如条件，条款，限制，引用，合法权利等信息。HTML中的<small>标记可用于显示精细打印。 从HTML5开始， <small>标签不仅显示精美字体的文本，而且在语义上定义与法律免责声明和警告相同 。
6.分配基本URL
当您的文档中有多个具有相同域URL的链接时， <base> HTML元素非常方便，它允许您向文档中添加基本URL ，从而允许您仅向页面中的其他链接中添加相对URL。如所须。
7.响应式图像
响应式Web开发正与不断增长的移动访问流行在一起。 可以使用标记将图像切换为不同的屏幕尺寸。 <picture> HTML5元素使您可以为其中的图像添加用于不同媒体的各种图像源。
注意：目前仅在Chrome中有效。 您必须在Firefox的about:config中将dom.image.picture.enable设置为true 。
8.拾色器
HTML5引入了许多新的输入类型元素 ； 颜色输入元素就是其中之一。 它使您可以借助颜色选择器在网页上选择颜色。
9.组选项
如果下拉列表中有很多选项，并且希望将它们分组显示，则<optgroup>元素将完成任务。 您还可以使用CSS设置组的样式。
10.
仅当禁用脚本时，浏览器才会显示<noscript>的标记。 此标签可用于让用户知道何时在其浏览器中禁用了该脚本，以及为网页组件在不使用JavaScript的情况下无法正常工作提供任何备用的备用机制。
<head>
<noscript><link rel="stylesheet" href="noscript_fallback.css"></noscript>
</head>
<body>
<noscript><h2>Javascript is disabled in your browser.</h2></noscript>
</body>现在阅读：
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
