来看看 HTML 的历史和规范常识。HTML 规范是 W3C 与 WHATWG 合作共同产出的,HTML5 因此也不例外。其中:

W3C 指 World Wide Web Consortium

WHATWG 指 Web Hypertext Application Technology Working Group

说好听了是“合作产出”,但其实更像是“HTML5 有两套规范”。但话说天下大势合久必分,分久必合,如今(就在前几天,2018.5.29)它们又表示将会开发单一版本的 HTML 规范。

HTML5新增的标签和功能,常规的我相信大家都知道,这里就不啰嗦了,这里介绍两个大家可能不知道的功能,很实用!

给汉字加拼音

代码如下

做工程师不做码农

zuo gong cheng shi bu zuo ma nong

效果如下

展开收起组件

简单几行代码

公众号《前端外文精选》

欢迎大家关注我的公众号,专注大前端、全栈、程序员成长的公众号!如果对你有所启发和帮助,可以点个关注、收藏,也可以留言讨论,这是对作者的最大鼓励。

作者简介:Web前端工程师,全栈开发工程师、持续学习者。

就可以实现如下效果

是不是很棒啊

网页自动加拼音html,HTML5给汉字加拼音收起展开组件的实现代码相关推荐

  1. html5文字收起,科技常识:HTML5给汉字加拼音收起展开组件的实现代码

    今天小编跟大家讲解下有关HTML5给汉字加拼音收起展开组件的实现代码 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关HTML5给汉字加拼音收起展开组件的实现代码 的相关资料,希望小伙伴们看 ...

  2. html5拼音显示,科技常识:html5给汉字加拼音加进度条的实现代码

    今天小编跟大家讲解下有关html5给汉字加拼音加进度条的实现代码 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关html5给汉字加拼音加进度条的实现代码 的相关资料,希望小伙伴们看了有所帮 ...

  3. html5给文字添加拼音,html5给汉字加拼音加进度条的实现代码

    小编项目上最近设计有个新需求,要给汉纸加拼音,类似于加英文底部小标题类似,毕竟现在咱们中文之博大,大家都在学习和使用中文.下面就让我们学习一下吧,h5现在已经很强大足以应付很多需求. 一.给汉字加拼音 ...

  4. python怎么用拼音-Python利用拼音库PyPinyin获取汉字的拼音

    我们可以利用python的PyPinyin库来获取汉字的拼音,我们先来写一个简单的案例import pypinyin print(pypinyin.pinyin( "小宁博客")) ...

  5. android 将文字转换为拼音格式,android中将汉字转为拼音

    汉字转拼音,汉字转拼音首字母~ 下面的方法是在做项目的时候,从网上查了好久才得到的~虽然不是自己写的,但是也改的差不多了~放在这里供大家参考哈 http://download.csdn.net/det ...

  6. 【汉字转拼音工具】Java 汉字转拼音

    文章目录 Maven依赖引入 Java代码实现 Maven依赖引入 <dependency><groupId>com.belerweb</groupId><a ...

  7. php拼音首拼,PHP 汉字转拼音(可首字母)

    有些项目会使用此功能,但是一些多音字如重庆,会翻译成zhongqing.有多音字情况的应该避免使用此类 /** * Created by PhpStorm. * Date: 2017/10/21 * ...

  8. java 拼音识别_JAVA实现汉字转拼音

    packageedu.ws;importcom.github.stuxuhai.jpinyin.ChineseHelper;importcom.github.stuxuhai.jpinyin.Piny ...

  9. python的拼音_GitHub - mozillazg/python-pinyin: 汉字转拼音(pypinyin)

    汉字拼音转换工具(Python 版) 将汉字转为拼音.可以用于汉字注音.排序.检索(Russian translation) . License: MIT license Python version ...

  10. 取汉字拼音php,PHP根据汉字取拼音

    根据汉字取拼音<?php $dictionary = array( array("a", -20319), array("ai", -20317), ar ...

最新文章

  1. Facebook AI新架构:全景FPN,同时完成图像实例与语义分割 | 极客头条
  2. 数据源名称和 64 位操作系统
  3. ps流 转发_RTP协议全解析(H264码流和PS流)(转)
  4. NOT运算符与运算符
  5. java togglebutton_ToggleButton和Switch使用大全
  6. jquery实现:返回顶部(动画·代码精简版)- 代码篇
  7. php中提取现在的时间函数,php中时间函数date及常用的时间计算
  8. OpenCV中的图像插值示例
  9. 2012第50周星期日
  10. 禁用浏览器cache,是浏览器上的回退按钮失效。
  11. python collections.Counter
  12. R语言数据分析案例(1)
  13. [Android]SurfaceView绘制奔跑的小人
  14. 人脸识别功能实现的原理介绍与算法介绍
  15. Python里面这些点,据说80%的新手都会一脸懵逼,不信就往下看......
  16. 高可用、全集成、定制化,蚂蚁金服自动化测试如何演进
  17. windows上传ipa文件到苹果开发者中心的教程
  18. spark Kafka 线程安全问题
  19. Tomcat与JDK版本对应关系,Tomcat各版本特性,鸟哥linux视频教程
  20. android miui连接开发者选项,(最详细)MIUI11系统的Usb调试模式在哪里开启的步骤

热门文章

  1. Linux上tomcat运行内存溢出,linux中tomcat内存溢出解决办法
  2. Should I design my classes from the outside (interfaces first) or from the inside (data first)?
  3. 【深度讲解】手把手教你python制作萝莉音智能对话语音机器人,附全部源码!速速学起来!!
  4. ThinkCMF框架修复漏洞 名称:ThinkPHP5 远程代码执行高危漏洞(CNNVD-201812-617)
  5. 关于proteus8.8的一键破解版和汉化包
  6. centos安装open-jdk8
  7. 发那可g10_fanuc系统中的G10
  8. html转pdf分页 css
  9. grub2 中的boot命令
  10. SVN—创建分支、合并分支到主干