Shortcut keys for html and Typora

Shortcut keys for html and Typora

html shortcut

ctrl + / comment text
shift + alt + FAdjust code format

div.box = Quickly generate div with class name box ==

<div class="box"></div>

div.box.a = Quickly generated class name contains box and a ==

<div class="box a"></div>

div # box = Quickly generate div with id attribute as box ==

<div id="box"></div>

div.a> div.b = You can generate nested tags through parent-child relationship ==

 <div class="a">
        <div class="b"></div>
    </div>

Similar to
div.box> div.item * 4> div.title + div.content

Multi-line input:

alt + left mouse click to select discontinuous areas

shift + alt + left mouse click to select consecutive areas

Typora

Level 6 headings from big to small ctrl + 1/2/3/4/5/6 or level 1 heading # 2 ## 3 ### 4 ###…
insert picture

==文字内容==
>高亮文字  

Insert
the key above the tab snippet three times to enter the English name of the language
Bold text ctrl + b