实用HTML标签的有哪些

  • 时间:
  • 浏览:9
  • 来源:恰卡网

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

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

实用HTML标签的有:

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








Thebaseelement(GoogleAsacasestudy)

Gmail-Usedtosendemails;whicharemessagesdistributedbyelectronicmeansfromonecomputerusertooneormorerecipientsviaanetwork.

Hangouts-It'susedforMessaging,VoiceandVideoCalls

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

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

Image map

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

看一个例子:

第一步是像平常一样用

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



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



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

这些属性包括:

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

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

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

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

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

最终得到:





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

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



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

形状Coordinates
rectleft, top, right, bottom
circlecenter-x, center-y, radius
polyx1, y1, x2, y2, .….
default整个区域

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

HTML Isthestandardmarkuplanguageforcreatingwebpages.

也可以与 结合使用:





HTML It'sthestandardmarkuplanguageforcreatingwebpages.

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

也可以单独使用

CSS

预格式化的文本或

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


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

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

用作 的标题。



basketball

这些标签也可以与代码块、视频和音频一起使用,如下所示。

代码块


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

Thecodeblock

视频

ExhibitB.TheRoughCopytrailer.

音频

Anaudiofile

用来创建一个可切换的部分。 标签位于
标签内,单击后会自动显示和隐藏的内容。

最好用的地方是你可以用 CSS 去设置它们的样式,即使不依赖 JavaScript 也可以完美地工作。

Iamanintrovert
Anintrovertisapersonwithqualitiesofapersonalitytypeknownasintroversion,whichmeansthattheyfeelmorecomfortablefocusingontheirinnerthoughtsandideas,ratherthanwhat'shappeningexternally.Theyenjoyspendingtimewithjustoneortwopeople,ratherthanlargegroupsorcrowds

基本上

是从另一个来源引用的部分。并添加了 属性来指示源。


ThehistoryofNigeriacanbetracedtosettlerstradingacrossthemiddleEastandAfricaasearlyas1100BC.NumerousancientAfricancivilizationssettledintheregionthatisknowntodayasNigeria,suchastheKingdomofNri,theBeninEmpire,andtheOyoEmpire.IslamreachedNigeriathroughtheBornoEmpirebetween(1068AD)andHausaStatesaround(1385AD)duringthe11thcentury,[1][2][3][4]whileChristianitycametoNigeriainthe15thcenturythroughAugustinianandCapuchinmonksfromPortugal.TheSonghaiEmpirealsooccupiedpartoftheregion.[5]

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

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

ThebestmovieevermadeisTheGodfatherby FrancisFordCoppola.MyfavoritesongisMonstersYouMadebytheBurnaboy.

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

猜你喜欢

如何在vue中使用面包屑导航组件

本篇文章为大家展示了如何在vue中使用面包屑导航组件,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。 vue的面包屑导航组件 用来将其放到

2021-02-24

如何在Python中使用array数组对象

今天就跟大家聊聊有关如何在Python中使用array数组对象,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。 importarray#array模块是

2021-02-24

如何在JavaScript项目中使用new 命令

这篇文章将为大家详细讲解有关如何在JavaScript项目中使用new 命令,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。 面向对象编程(

2021-02-24