HTML常⽤快捷键都在这了看完之后效率暴涨
是这么回事;
我今天上⽹页课的时候,发现好多同学在敲标签的时候敲得很慢,我再仔细⼀看,好家伙,他们的标签竟然都是⼀个⼀个的敲出来的!那效率能⾼吗?
这是当时让敲的代码,很简单,对不对?
这是运⾏结果:
其实就是标签的嵌套嘛!
可是我看到好多同学都是⼀个ol标签,⼀个li标签,⼀个ol标签,⼀个li标签的敲的,这效率能⾼嘛?
所以说楼主不是标题党,如果你学会了这些快捷键,将会帮你省下很多的时间
好了,废话不多说,我们来介绍⼀下HTML中那些常⽤的快捷键:
1.** 注释的快捷键**
HTML中的注释格式是
这样的,中间是注释的内容(CSDN的编辑器也是这样的,所以打不出来。当然你可以使⽤转义字符打出来,这⾥不再演⽰)
⽽添加注释的快捷键是Ctrl+/或者叫Ctrl+?,(反正都是⼀个键)这个键就在你右⼿边的那个Shift键旁边
在使⽤这组快捷键的时候,你会发现,即使你没有选中整⾏代码,编译器也会帮你把整⾏注释掉,实
际上,这个Ctrl+/键的功能是注释掉整⾏的内容,只要你的光标在这⼀⾏,不⽤选中任何内容,按了这组快捷键之后就会把整⾏的内容注释掉
那么,如何在⼀⾏代码的后边添加⼀⾏注释呢(⾏内注释)?
这时候就要⽤到Ctrl+Shift+/
2. 快速录⼊标签(补齐代码)的快捷键:Tab
(它在键盘左上⽅ESC键的下⾯的下⾯、字母Q的左边)
我们写标签的时候,写到⼀半不想写了,怎么办?
摁Tab键啊!(当编译器弹出快捷菜单是,按回车键有同样的效果)
html ul标签当需要插⼊好⼏个相同的标签时,怎么办?
⽐如上图中连续的五个li标签
这时,我们只需敲出⼀个标签名,然后再*n即可
按⼀下Tab键,即可成功插⼊
3. 关系选择器相关快捷键
⽗元素与⼦元素
如果你了解关系选择器,那么⽤Tab键将会⼤⼤提⾼你的效率
如果你不了解,也没有关系
下⾯我简单的讲⼀下,⼀听你就会明⽩
⽹页中不同元素之间是存在关系的,⽐如上图中ul标签和li标签的关系:
ul标签时li的⽗标签
li标签时ul的⼦标签
就是这么简单
直接包含⼦标签的标签叫⽗标签
直接被⽗标签包含的标签叫⼦标签
注意:互为⼦标签和⽗标签的标签⼀定是直接包含或被直接包含的标签
间接包含或被间接包含的标签我们叫做后代元素或祖先元素,这个我们以后会提到那么怎么⽤快捷键敲出两组互为⽗⼦元素的标签呢?
(⽗元素>⼦元素)
按Tab键
当然,你也可以⽤前⾯讲的*n的⽅法套娃使⽤
兄弟元素
拥有相同⽗类的元素是兄弟元素(即同级的元素),⽐如上图中的五个li标签,它们都属于兄弟元素兄弟元素选择器的语法为:兄+弟
你可能会说了,这不是脱裤⼦放屁吗?
能⽤*2解决的事为什么要这么⿇烦?
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论