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>

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM