HTML5给中国汉字加拼音收起进行组件的完成编码

日期:2021-02-22 类型:科技新闻 

关键词:如何创建网站,免费网站建站,网站建设文章,网站建设7个基本流程,自动建站

看来看 HTML 的历史时间和标准基本常识。HTML 标准是 W3C 与 WHATWG 协作相互产出的,HTML5 因而也不列外。在其中:

  • W3C 指 World Wide Web Consortium
  • WHATWG 指 Web Hypertext Application Technology Working Group

说好听了是“协作产出”,但实际上更好像“HTML5 有两套标准”。但话说天地大势合久必分,分久必合,现如今(就在前几日,2018.5.29)它们又表明可能开发设计单1版本号的 HTML 标准。

HTML5新增的标识和作用,基本的我坚信大伙儿都了解,这里就不唠叨了,这里详细介绍两个大伙儿将会不知道道的作用,很好用!

给中国汉字加拼音

编码以下

<ruby>
  做工程项目师不做码农
  <rt>zuo gong cheng shi bu zuo ma nong</rt>
</ruby>

实际效果以下

进行收起组件

简易几行编码

<details>
  <summary>群众号《前端开发外文精选》</summary>
  欢迎大伙儿关心我的群众号,潜心大前端开发、全栈、程序流程员发展的群众号!假如对你有一定的启迪和协助,能够点个关心、个人收藏,还可以留言探讨,这是对作者的最大激励。
  作者简介:Web前端开发工程项目师,全栈开发设计工程项目师、不断学习培训者。
</details>

便可以完成以下实际效果

是否很棒啊 🤪

过去要完成这样的內容,大家都务必借助 JavaScript 完成。如今看来,HTML 也变得更为具备“可互动性”。

原生态进度条和衡量

progress 标识显示信息进度:

值得1提的是:progress 不合适用来表明衡量衡,假如想表明衡量衡,大家应当应用 meter 标识替代。这又是甚么标识?

meter 用来衡量给定范畴(gauge)内的数据信息:

<meter value="3" min="0" max="10"></meter> 10分之3<br>
<meter value="0.6"></meter> 60%

Chrome显示信息实际效果以下

本文示例实际效果和详细编码已放在我的blog小码网页页面。

总结

到此这篇有关HTML5给中国汉字加拼音收起进行组件的完成编码的文章内容就详细介绍到这了,更多有关html5 中国汉字加拼音进行收起內容请检索脚本制作之家之前的文章内容或再次访问下面的有关文章内容,期待大伙儿之后多多适用脚本制作之家!