vscode快捷HTML结构 | Emmet

简介: vscode快捷HTML结构 | Emmet

vscode快捷HTML结构 | Emmet


基本语法


类名 .

ID #

指定标签 p

标签属性 [title]

层级 >

数量 *10

标签体 {something}

自增数字变量 $

自减 @-

自定义起始数 @10

兄弟标签 +

结合 ()

常用实例


快速生成导航结构

类名

生成一段英文lorem

快速插入多行

更多

官方文档: Cheat Sheet (emmet.io)

相关文章
|
3天前
|
存储 JavaScript 数据可视化
vue3+echarts应用——深度遍历html的dom结构并用树图进行可视化
vue3+echarts应用——深度遍历html的dom结构并用树图进行可视化
44 1
|
1天前
|
前端开发 JavaScript
React中渲染html结构---dangerouslySetInnerHTML
React中渲染html结构---dangerouslySetInnerHTML
7 0
|
3天前
|
移动开发 前端开发 开发者
【专栏:HTML进阶篇】网页结构与语义化标签进阶
【4月更文挑战第30天】提升网页结构清晰度和无障碍访问性,有利于SEO。这些标签为屏幕阅读器提供额外上下文,简化CSS样式设计,避免无意义的<div>和<span>。正确使用语义化标签是现代网页开发的关键,能创造更优质、易访问和优化的Web体验。
|
3天前
|
移动开发 前端开发 JavaScript
【专栏:HTML基础篇】深入HTML元素:理解结构与内容
【4月更文挑战第30天】本文探讨了HTML在构建网页中的核心作用,HTML元素构成网页结构与内容,包括`<!DOCTYPE html>`、`<html>`、`<head>`、`<body>`等基本元素及`<div>`、`<span>`、`<a>`、`<img>`等丰富标签。理解并恰当使用这些元素能创建清晰结构、优化SEO、增强交互性,并实现语义化,为打造功能强大且美观的网站奠定基础。进一步学习CSS和JavaScript将提升网页视觉效果和互动性。
|
3天前
|
Java 索引
vscode + springboot + HTML 搭建服务端(二)
vscode + springboot + HTML 搭建服务端(二)
17 1
|
3天前
|
Java
vscode + springboot + HTML 搭建服务端(一)
vscode + springboot + HTML 搭建服务端(一)
23 1
|
3天前
|
搜索推荐 索引
HTML的基本结构
HTML的基本结构
26 2
|
3天前
|
前端开发 搜索推荐 UED
《HTML 简易速速上手小册》第6章:HTML 语义与结构(2024 最新版)
《HTML 简易速速上手小册》第6章:HTML 语义与结构(2024 最新版)
22 0
|
3天前
|
开发者
html语法结构
【4月更文挑战第18天】html语法结构
14 1
|
3天前
|
移动开发 HTML5
html的结构
【4月更文挑战第13天】html的结构
23 5