HTML5中语义性的内联元素有哪些-创新互联

这篇文章主要为大家展示了“HTML5中语义性的内联元素有哪些”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“HTML5中语义性的内联元素有哪些”这篇文章吧。

十年的南关网站建设经验,针对设计、前端、开发、售后、文案、推广等六对一服务,响应快,48小时及时工作处理。网络营销推广的优势是能够根据用户设备显示端的尺寸不同,自动调整南关建站的显示方式,使网站能够适用不同显示终端,在浏览器中调整网站的宽度,无论在任何一种浏览器上浏览网站,都能展现优雅布局与设计,从而大程度地提升浏览体验。创新互联从事“南关网站设计”,“南关网站推广”以来,每个客户项目都认真落实执行。

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语言动态地更新进度条。在静态情况下,这个元素没什么意义。


以上是“HTML5中语义性的内联元素有哪些”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联行业资讯频道!


本文名称:HTML5中语义性的内联元素有哪些-创新互联
转载来于:http://bzwzjz.com/article/dsjjij.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 网站建设 营销型网站建设 成都响应式网站建设公司 成都品牌网站设计 成都模版网站建设 成都网站制作 重庆网站制作 成都企业网站建设公司 成都网站建设推广 app网站建设 网站设计 营销型网站建设 成都网站建设公司 成都网站制作 网站建设方案 外贸营销网站建设 企业网站设计 成都网站设计 网站设计 教育网站设计方案 品牌网站建设 网站建设费用