整合营销服务商
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
篇文章介绍了<!--...--> 注释标签，我个人感觉很容易理解，在日常编码中，大多数编辑器都有注释标签的快捷键，如sublime或VS code里在html代码里，选中想要注释掉的代码后，直接按ctrl+/即可。几乎不用手动输入了。还是很方便的。
这篇我写<!DOCTYPE>标签，说起来这个标签，很常见，因为它会出现在每一个httml文档的最开头，然而，我们很少去重视它，为什么呢？
说到这个标签，我不得不说起html的版本历史了。
在大约10年前吧，html5应用还不如今天这么广泛吧，于是当时的文档类型声明如下
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
很长，也很难记，由于我入行晚，懂得这玩意就只是一个声明了，比如strict表示严格模式。其他的我也不想知道了。
当然html版本的规范从4到5的过渡经历了太多年，因为要考虑老浏览器的兼容性，再加上前期移动设备配置低，不支持较为复杂的媒体元素。于是，一些资历深的前端开发人员，面对这么长的代码还是有很长一段时间。
当然，9102年都快过完了，我们这边已经不需要再考虑这些了，于是，我直接就用html5了。
然后声明文档给格式，就变得很简单了。
<!DOCTYPE html>
最开始我是使用sublime生成的模板练习的，然后，犯懒，直接输入了<html>就出来下面的代码：
<!DOCTYPE html> <html> <head> <title></title> </head> <body> </body> </html>
然后就开始进行填充了。
直到今天我才注意到原来<!DOCTYPE html>是单独的一行，与下方<html></html>是两码事。
所以，我重新看了下书上的强调内容：
关于SGML，参见https://wiki.mbalib.com/wiki/SGML
HTML 5
<!DOCTYPE html>
HTML 4.01 Strict
该 DTD 包含所有 HTML 元素和属性，但不包括展示性的和弃用的元素（比如 font）。不允许框架集（Framesets）。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
HTML 4.01 Transitional
该 DTD 包含所有 HTML 元素和属性，包括展示性的和弃用的元素（比如 font）。不允许框架集（Framesets）。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
HTML 4.01 Frameset
该 DTD 等同于 HTML 4.01 Transitional，但允许框架集内容。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
XHTML 1.0 Strict
该 DTD 包含所有 HTML 元素和属性，但不包括展示性的和弃用的元素（比如 font）。不允许框架集（Framesets）。必须以格式正确的 XML 来编写标记。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
XHTML 1.0 Transitional
该 DTD 包含所有 HTML 元素和属性，包括展示性的和弃用的元素（比如 font）。不允许框架集（Framesets）。必须以格式正确的 XML 来编写标记。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
XHTML 1.0 Frameset
该 DTD 等同于 XHTML 1.0 Transitional，但允许框架集内容。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
XHTML 1.1
该 DTD 等同于 XHTML 1.0 Strict，但允许添加模型（例如提供对东亚语系的 ruby 支持）。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
最后，虽然上方的html4和xml的文档类型声明这么麻烦了，但是这里没什么知识点了，因为如今，html5应用这么普及了，我们只需在文档开头写<!DOCTYPE html>即可，当然html4的严格模式和传统模式大概知道就行了。
单行注释 快捷键 CTRL+/
多行注释 快捷键 CTRL+SHIFT+/
多按快捷键就能解除注释了
还有的文档注释，这个比较少关心把 快捷键 /**
三种注释方式都有
-- 单行注释
/* */ 多行注释
sql语句注释
<!-- --> 注释方法
<!-- --> 注释方法
主要是用#来注释的
基本以上就是我需要写注释的地方了
话不多说，直接硬货，在使用Sublime写Html时那些常用的快捷键：
先建立一个文件，命名以html为后缀进行保存(如：test.html)
输入!或html:5，然后按 Tab 键(注意，这里的!必须是英文的叹号)
使用!
使用html:5
这是快速补全结果：
补全结果
HTML中的注释格式是这样的 <!-- -->，中间是注释的内容
而添加注释的快捷键是Ctrl+/（win）、 command+/(mac)，只要鼠标在该行，无论是行首，中间，还是行尾，都直接注释鼠标所在行的整行
（如果要注释多行，直接选中要注释的行，按Ctrl+/（win）、 command+/(mac)）
注意：取消注释相同操作，如果当前行（或者所选行）是注释状态，使用此快捷键会进行反注释
快速注释
这是注释的结果
这是选择多行后使用快捷键注释
我们写标签的时候， 要写左括号，但左右尖括号（<>），这需要组合输入，比较烦，tab标签补全解决了你的烦恼。
比如你想写个p标签，直接写个p，然后按下tab即快速的完成了p标签的基本结构，我们只要填充内容即可
直接写个p，然后按下tab键
补全结果
当需要插入好几个相同的标签时，怎么办？
比如想插入中五个连续的p标签
这时，我们只需敲出一个标签名p，然后再*5,即：p*5 然后按下tab
多个p标签
补全结果
在写列表时，我们经常要插入多个列表选项,一个个写很麻烦，没问题，快捷键帮你，如下图所示：
父子元素用>
补全结果
如果想快速插入多个兄弟元素，比如一个2级标题和一个段落，那么只需要将2个元素名用“+”号连起来，然后补全即可
兄弟元素+
补全结果
可能有人会说，直接link+tab不就好了吗？你错了，这样的link如下图所示
没有css的link
但使用link:css +tab补全，如下图所示,我们只要补全路径与文件名即可，系统已经自动补全了文件后缀
使用link:css
选择当前行：ctrl+l
选中单
选择多行：连续ctrl+l
选中要修改的文案，如p标签的具体内容，那么所有具有该内容的地方，都会被选中，进行同步修改，若果为空，那么将同步为该标签添加内容
同步修改重复内容
同步为p标签修改/添加内容
其实sublime在写html/css时还有很多的快捷键，比如在设置某元素的宽度和高度时，不必把“width：200px；”全部键入，只需要敲出首字母，再按Tab键即可
再比如对于某些较长的属性，我们也不需要全部敲出来，下面以background-color（背景颜色为例）
这里就不一一讲述了，在工作使用的过程中，你可能会发现更多或者更好用的快捷键，您可以在下方留言补全，以帮助小伙伴们避坑，共同进步
*请认真填写需求信息，我们会在24小时内与您取得联系。
