首页 web前端 H5教程 HTML5的结构和语义(4):语义性的内联元素_html5教程技巧

HTML5的结构和语义(4):语义性的内联元素_html5教程技巧

May 16, 2016 pm 03:51 PM
元素 分数 可以 属性 结构 表示 语义 这个

  HTML4用5个不同的内联元素表示略有差异的计算机代码:var、code、kbd、tt和samp。但是,它无法表示时间、数字等基本数值。HTML5提供了几个新的内联元素来满足非技术作者的需求。
m
  m元素表示文本被“加上标志”,但是不一定要强调。可以把它想像成书中突出显示的一节。Google的缓存页面就是典型的用例。如果链接到一个缓存的副本,搜索词就被加上标志。例如,如果搜索“Egret”,那么缓存的Google页面可能像下面这样:
TheGreatEgret(alsoknownasthe
AmericanEgret)isalargewhitewadingbirdfoundworldwide.
TheGreatEgretflieswithslowwingbeats.The
scientificnameoftheGreatEgretisCasmerodius
albus
.
  对于这个元素的名称当前还有争议。在规范发布之前,它可能从m改为mark。
time
  time元素表示一个时间值,比如5:35P.M.,EST,April23,2007。例如:

Iamwritingthisexampleat
.


  time元素可以帮助浏览器和其他程序识别出HTML页面中的时间。它不要求对元素内容应用任何特定的格式。但是,每个time元素都应该有一个datetime属性,其中包含更适合机器识别的时间值,比如:

Iamwritingthisexampleat
5:35P.M.onApril23rd.


  适合机器读取的时间值可能对搜索引擎、日历程序等有帮助。
meter
  meter元素表示指定范围内的数字值。例如,可以用它表示薪水、投票给LePen的法国选民的百分比或考试分数。在这里,我使用meter标出SoftwareDevelopment2007上一位Google程序员提供的数据:

AnentrylevelprogrammerinSiliconValley
canexpecttostartaround$90,000peryear.


  meter元素帮助浏览器和其他客户机识别HTML页面中的数量。它不要求对元素内容应用任何特定的格式。但是,每个meter元素可以有最多6个属性,它们按照更适合机器识别的形式表示这个数量:
  value
  min
  low
  high
  max
  optimum
  这些属性都应该包含一个十进制数字。例如,期末考试的分数可以写成下面这样:

Yourscorewas
B .


  这表示这个学生的分数是百分制中的88.7。可能的最低分数是0,但是实际的最低分数是65。可能的最高分数是100,但是实际的最高分数是96。用户代理可以用某种数值控件显示这一信息,也可以在工具提示中显示额外的数据,但是最常见的情况可能是像其他内联元素一样对它应用样式。
progress
  progress元素表示一个正在进行的过程的状态,就像图形用户界面(GUI)应用程序中的进度条。例如,可以用它表示一个文件已经下载的百分比或者播放电影时的当前位置。下面这个进度控件表示下载已经完成了33%:

Downloaded:
33%


  value属性表示操作的当前状态。max属性表示操作的总量。这个元素指出要下载的数据总量是4,603,807字节,已经下载了1,534,602字节。
  忽略max属性,就可以显示无限的进度。
  在操作进行时,应该使用JavaScript语言动态地更新进度条。在静态情况下,这个元素没什么意义。
  
  (待续)
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

AI Hentai Generator

AI Hentai Generator

免费生成ai无尽的。

热门文章

仓库:如何复兴队友
1 个月前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.能量晶体解释及其做什么(黄色晶体)
2 周前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒险:如何获得巨型种子
1 个月前 By 尊渡假赌尊渡假赌尊渡假赌

热工具

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

烟雨江湖家宅分数怎么算 烟雨江湖家宅分数怎么算 Feb 29, 2024 pm 12:43 PM

烟雨江湖中有着一种家宅玩法,玩家可以自由去建设自己的家宅,而且家宅顺利建造之后,也会得到一个家宅分数,同时游戏内这一家宅分数也是有着其计算方式,当然关于其计算方式也是会通过所给的计算方法去进行计算,玩家也就可以来看看了。烟雨江湖家宅分数计算方法1.家宅分数分:外观分,放置分,规模分,钻研分四部分组成2.外观分:主要是建筑皮肤加分和搬家加分(200分),建筑皮肤有两种,一种是上面家宅商店换的手扎,一种是转盘上面的皮肤手札3.放置分:制作的出来的家具所获取的分数,绿色上限10分,蓝色上限15分,紫色

可以删除downloads文件夹吗? 可以删除downloads文件夹吗? Feb 19, 2024 pm 03:38 PM

downloads可以删除吗近年来,随着数字化时代的来临,我们生活中出现了越来越多的数字化产品和服务。而随之而来的,就是我们对于数字化内容的需求与日俱增。在日常生活和工作中,我们经常需要下载各种各样的文件,如文档、图片、音频和视频等等。而这些下载的文件,通常都被保存在一个名为“downloads”(下载)的文件夹之中。然而,随着时间的推移,我们经常会发现,“

word分数如何插入 word分数如何插入 Mar 19, 2024 pm 08:31 PM

在word中插入分数可能有不少人不会操作,毕竟大家不常遇到输入分数的情况。但是如果遇到就比较麻烦了,所以我们应该要了解Word分数是怎样输入的。在word中输入分数其实很简单,接下来小编分享word中输入分数的方法。在Word中输入分数有多种方法,其中一种是利用插入公式功能。操作步骤如下:打开Word文档后,点击菜单栏中的【插入】选项,接着在弹出的菜单中选择【公式】。这样会打开一个公式编辑器,在其中可以输入想要的分数。在编辑器中,可以使用分数格式按钮来创建分数,或者手动输入“\frac{分子}{

i34150搭配1G独显适合玩哪些游戏(i34150适用于哪些游戏) i34150搭配1G独显适合玩哪些游戏(i34150适用于哪些游戏) Jan 05, 2024 pm 08:24 PM

i34150搭配1G独显能玩哪些游戏能玩lol等小游戏。GTX750和GTX750TI是非常合适的显卡选择。如果只是玩一些小游戏或者不玩游戏,建议使用i34150的集成显卡就可以了。一般来说,显卡和处理器的搭配差价并不是很大,所以选择合理的搭配是很重要的。如果需要2G显存,推荐选择GTX750TI;如果只需要1G显存,直接选择GTX750即可。GTX750TI可以看作是GTX750的增强版本,具有超频功能。i34150可以搭配什么显卡根据需求,如果你打算玩单机游戏,建议你考虑更换显卡。你可以选择

lambda 表达式的语法和结构有什么特点? lambda 表达式的语法和结构有什么特点? Apr 25, 2024 pm 01:12 PM

Lambda表达式是无名称的匿名函数,其语法为:(parameter_list)->expression。它们具有匿名性、多样性、柯里化和闭包等特点。实际应用中,Lambda表达式可用于简洁地定义函数,如求和函数sum_lambda=lambdax,y:x+y,并通过map()函数应用于列表来进行求和操作。

aimlab多少分算厉害 aimlab多少分算厉害 Feb 23, 2024 pm 06:25 PM

aimlab是一款能够测试玩家射击技术的软件,那么多少分才算比较厉害的呢?由于这个软件的评判会比较的严厉,一边到达7万分左右才算厉害。这篇aimlab厉害分数线介绍能够告诉大家具体的分数介绍,还不是很了解的朋友赶紧来看看吧!aimlab多少分算厉害答:7万分左右具体介绍:1、首先能够达到七万分属于是非常厉害的人。2、分数是根据记忆力、体质、枪法技术来决定的。3、玩家们需要有着很高的命中率才能获取很高的分数。

pagefile.sys可以删除吗? pagefile.sys可以删除吗? Feb 21, 2024 pm 10:30 PM

pagefile.sys可以删除吗?pagefile.sys是Windows操作系统中的一个系统文件,它被用作虚拟内存(VirtualMemory)的一部分。虚拟内存是指操作系统将部分硬盘空间用作扩展内存的一种机制。它的作用是为了在物理内存(RAM)不足时,将一部分数据从RAM中转移到硬盘上,以释放出更多的RAM空间供其他程序使用。由于虚拟内存是操作系统重

CSS中bottom属性语法 CSS中bottom属性语法 Feb 21, 2024 pm 03:30 PM

CSS中bottom属性语法及代码示例在CSS中,bottom属性用于指定一个元素与容器底部之间的距离。它可以控制一个元素相对于其父元素底部的位置。bottom属性的语法如下:element{bottom:value;}其中,element表示要应用该样式的元素,value表示要设置的bottom值。value可以是一个具体的长度值,比如像素

See all articles