html5是门语言，应该是没什么快捷键的吧，你说的快捷键应该对标的是某个编辑html代码的IDE,常用的有vscode(完全免费),webstorm(非免费，需要购买或pojie)...
成立与2013年成都创新互联公司专注于”帮助中小企业+互联网”, 也是目前成都地区具有实力的互联网服务商。团队致力于为企业提供--站式网站建设、移动端应用( H5手机营销、成都APP应用开发、微信开发)、软件开发、信息化解决方案等服务。
HTML5向Web API新引入了document.querySelector以及document.querySelectorAll两个方法用来更方便地从DOM选取元素，功能类似于jQuery的选择器。这使得在编写原生JavaScript代码时方便了许多.如：
标签选择
element = document.querySelector('selectors');
elementList = document.querySelectorAll('selectors');
多标签
element = document.querySelector('selector1,selector2,...');
elementList = document.querySelectorAll('selector1,selector2,...');
iD 和class
element = document.querySelector('div#container');//返回id为container的首个div
element = document.querySelector('.foo,.bar');//返回带有foo或者bar样式类的首个元素
elements = document.querySelectorAll('div.foo');//返回所有带foo类样式的div
jQuery本身在dom操作上速度就一般，jQuery只是原生JS的一个自定义框架，速度首先敢原生就差很远了。所以JQ跟HTML5原生自带的选择器根本就没办法比。当然有时候和JQ结合速度也会比你只使用上面说的选择器快，首先您得记住将DOM缓存起来 如：
var a=$("#a");//缓存元素
var b=$("#a").find(".b");//缓存元素
function doa(){
b.toggle();
}
//如果我们要执行一个点击就让b显示隐藏的话，也就是多次操作该DOM，上面的写法要比下面的快很多很多
function doa(){
y$("#a").find(".b").toggle();
}
HTML5可以自学，但是效果不会很明显
先了解html的沿革，大致结构；在看一些html的教程，W3C是权威的平台。可以先从html4学起，找一些网上的视频教程；入门学习以后，再学习修订了的标签。关键在实践，一定要动手写。
这两者没有快与慢的问题，HTML比较宽松，XHTML比较严格，可以把HTML5看作是XHTML的进阶与拓展
快捷键命令为“!--
--”。
1、首先需要打开html5的页面，如图所示，body标签内的内容输入命令“!--
--”。
2、script标签内的内容可以用“//”，如图所示，在前面的每一列编写。
3、最后，可以看到实现注释的效果了，如图所示，这样操作就可以解决问题了。
HTML5为什么如此受欢迎？主要因为它本身的优势。HTML5的主要优势如下：
1、基于HTML5强大的兼容性。因为HTML5提供了前所未有的数据与应用接入开放接口，使外部应用可以直接与浏览器内部的数据直接相连，例如视频影音可直接与microphones及摄像头相联，就因为这种强大的兼容性，使得在当下开发界是如此的火，同样也是因为这强大的兼容性，使得手机应用软件，app更适合，也更方便。所以更适合手机app软件开发，正好补充了手机小巧的不足。
2、HTML5开发支持的手机系统有android、ios。
3、HTML5其突出的特点就是强化了web页的表现性,追加了本地数据库，可以用作离线应用的开发，离线应用就是把需要的资源先缓存到本地，下次再查看时无需联网。
4、HTML5开发能提供更快、更简便的服务，代码可高度重用，服务发布方便。
5、动画、游戏动态效果，地理定位等很多app应用正在崛起，而HTML5技术的强大优势就是这种让我们惊叹的效果。而未来采用HTML5开发app的，将会大量减少代码量，应用软件也会得到更高的用户体验，更好的视觉效果。
