实用HTML标签的有哪些-创新互联

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

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

实用HTML标签的有：

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

  



The base element(Google As a case study)

 Gmail - Used to send emails; which are messages distributed by electronic means from one computer user to one or more recipients via a network.

Hangouts - It's used for Messaging, Voice and Video Calls

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

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

Image map

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

看一个例子：

第一步是像平常一样用 标签插入图片，但是这次使用usemap 属性。

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

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

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

这些属性包括：

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

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

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

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

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

你可以在图片的左下方读取光标在图片上的坐标，也可以只在水平和垂直面上使用标尺。

下面的截图显示了right, bottom  坐标：

最终得到：

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

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

圆心的坐标同意位于左下角，圆心到末端的水平距离是半径。

创建一个poly 更像是徒手画图。你只需链接图像上的不同点，它们就会连接起来：

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

和

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

HTML 
  Is the standard markup language for creating web pages.

也可以与 结合使用：

HTML 
  It's the standard markup language for creating web pages.

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

也可以单独使用：

 CSS

 和  

预格式化的文本或

 标签用于在编写文本时显示文本（通常是代码）。它显示所有空格和制表符，并完全按照块中的格式进行设置。
 
    
      p {
          color: black;
          font-family: Helvetica, sans-serif;
          font-size: 1rem;
      }
    
  
 和  
这两个标签通常会一起出现。

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

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

The best movie ever made is The Godfather by
Francis Ford Coppola . My favorite song is Monsters You Made by the Burna boy.

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