• Sublime快速生成html快捷方式(平时较常用)


    tab键很强大,输入要输入的信息后,点击tab键,效果即现。

    头部部分:(html5)

    1、输入“!”,按tab键;
    2、输入“html:5”,按tab键;
    得到:

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Document</title>
    </head>
    <body>
        
    </body>
    </html>

    注意:编写中文网页,记得把头部语言<html lang="en">改为<html lang="zh-cn">。
    css样式引用:
    输入“link”,按tab键;
    得到:

    <link rel="stylesheet" href="">

    代码补全:

    要输入一段代码段,用拼接形式。
    1、子集合 用“>”拼接,几个子集用 星号 拼接,标签内文本用“{value}”拼接,有序数字用“$”拼接
    如:ul>li
    4>a{value$}
    得到:

    <ul>
        <li><a href="">value1</a></li>
        <li><a href="">value2</a></li>
        <li><a href="">value3</a></li>
        <li><a href="">value4</a></li>
    </ul>

    2、同级元素用 "^" 拼接,可以用()把要优先级区别开
    如:div>(header>ul>li*2>a)+footer>p
    得到:

    <div>
        <header>
            <ul>
                <li><a href=""></a></li>
                <li><a href=""></a></li>
            </ul>
        </header>
        <footer>
            <p></p>
        </footer>
    </div>

    3、设置元素id,class,类似于css中id设置用#,class用. 。
    如:#header{头信息}
    得到:

    <div id="header">头信息</div>

    如:.title{标题}
    得到:

    <div class="title">标题</div>

    4、快速输入标签,输入标签名称,按下tab键
    如:div input label video audio 等
    得到:

    <div></div>
    <input type="text"> 
    <label for=""></label>  
    <video src=""></video> 
    <audio src=""></audio>
  • 相关阅读:
    idea控制台乱码问题解决
    部署springboot项目到云服务器的两种方式(jar+war)
    case...when...then....(else...)....end的使用小案例
    多线程学习(二)
    多线程学习(一)
    Swagger学习笔记
    Docker进阶篇
    Docker入门基础篇
    Markdown语法学习(推荐使用Typora编辑器)
    git(六)——IDEA中使用git
  • 原文地址:https://www.cnblogs.com/dancer0321/p/13344948.html
Copyright © 2020-2023  润新知