实用HTML标签的有哪些

这篇文章主要介绍实用HTML标签的有哪些，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！

随着对 JavaScript 框架和库的依赖越来越深，很多人对 HTML 的重视程度降低了。这就导致了我们无法充分利用 HTML 的很多功能，这些功能可以大大的增强网站功能。另外通过编写语义化 HTML 可以在网站内容中添加正确的上下文，从而显着改善用户体验。

实用HTML标签的有：

标签允许你创建一个场景，其中存在一个基本URL，这个 URL 充当文档中所有相对 URL 的前缀。标签必须有一个包含基本URL的 href 或 target 属性，或者两者兼有。

Thebaseelement(GoogleAsacasestudy)

Gmail-Usedtosendemails;whicharemessagesdistributedbyelectronicmeansfromonecomputerusertooneormorerecipientsviaanetwork.

Hangouts-It'susedforMessaging,VoiceandVideoCalls

这样就不必为每个请求重复 URL 的前缀了。

一个 HTML 文档中只能有一个 元素，并且它必须位于 元素内。

Image map

image map 是具有特定可点击区域的图片，并且是通过 map 标签定义的。这些区域使用 标签设置。这使你可以在图像的不同部分中嵌入链接，这些链接可以指向其他页面，对于描述图片中的内容非常有用。

看一个例子：

第一步是像平常一样用

接下来创建一个 标签，并使用与 img 标签中的 usemap 属性值相同的 name 属性。这会将 标签与 map 标签链接在一起。

然后开始创建可点击区域。我们需要定义如何绘制每个区域，通常用 shape 和 coords 来绘制。

用 元素定义图像上的可点击区域。它添加在 map 元素内。

这些属性包括：

• 在相关区域上绘制矩形时需要使用 shape。你可以使用其他形状，例如矩形、圆形、多边形或默认形状（整个图像）

• alt 用来指定当 area 元素由于某些原因而无法呈现时要显示的替代文本

• href 包含将可点击区域链接到另一个页面的 URL

• coords 使用坐标（以像素为单位）精确切出形状。你可以用各种软件来获取图片的确切坐标；下面用 微软的绘图软件作为一个简单的例子。不同的形状以不同的方式表示其坐标，比如矩形用 left, top, right, bottom 表示。

在这里我们有 top, left 坐标：

最终得到：

也可以使用其他形状，但是每个形状的坐标写法不同。

对于 circle，应该有圆心的坐标，然后添加半径：

下面是用 HTML 创建形状时所需要的值：

和

标签 指定要在父元素中定义的术语。它代表“定义元素”。标签 的父级包含术语的定义或解释，而术语位于 内部。可以这样添加：

HTML
Isthestandardmarkuplanguageforcreatingwebpages.

也可以与 结合使用：

HTML
It'sthestandardmarkuplanguageforcreatingwebpages.

这可以增强可访问性，因为这样编写语义 HTML 可以使阅读器和浏览器在适合用户的上下文中解释页面上的内容。

也可以单独使用 ：

CSS

 和 

预格式化的文本或

 标签用于在编写文本时显示文本（通常是代码）。它显示所有空格和制表符，并完全按照块中的格式进行设置。

p{
color:black;
font-family:Helvetica,sans-serif;
font-size:1rem;
}

 和 
这两个标签通常会一起出现。

如果使用 cite 属性，那么这个属性必须是指向源的有效 URL。要获得相应的引文链接，必须相对于元素的节点文档来解析属性的值。有时它们是私有的，例如调用服务器端脚本收集有关网站使用情况的统计信息。

cite 元素表示作品或知识产权的标题，例如书籍、文章、论文、诗歌、歌曲等。

ThebestmovieevermadeisTheGodfatherby
FrancisFordCoppola.MyfavoritesongisMonstersYouMadebytheBurnaboy.

以上是“实用HTML标签的有哪些”这篇文章的所有内容，感谢各位的阅读！希望分享的内容对大家有帮助，更多相关知识，欢迎关注亿速云行业资讯频道！

猜你喜欢