9.语义HTML&VScode扩展推荐

最新推荐文章于 2024-04-20 01:04:17 发布
最新推荐文章于 2024-04-20 01:04:17 发布
阅读量1.1k 收藏 2
点赞数
分类专栏： HTML5+CSS3 文章标签： HTML5+CSS3
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42952508/article/details/128987055
版权

语义HTML

定义：

一个元素使用我们并不是只关心他是什么样子的，而是要去关心这个元素名称的实际意义或者代表什么

  1. 我们使用标签并不是他仅代表导航栏，只是将导航栏部分归为一个块。现实生活中，多使用
  2. 之前都是使用div这个元素去构建页面，直到HTML5的出现，出现了语义HTML的概念，多出了很多、等元素；

安装vs扩展

1. image preview

在这里插入图片描述

该插件可以预览图片，防止图片路径错误或路径错误。
在这里插入图片描述

2.Color Highlight
在这里插入图片描述

该扩展用于CSS可视化颜色，非常方便！

3.Auto Rename Tag
在这里插入图片描述

该扩展用于如果你更改标签的名称，该标签的结束标签也会自动更改

4.live server
在这里插入图片描述

该插件让你无序刷新浏览器，实时更新你的网页！且网页像本地服务器的形式展现在浏览器上

网络点点滴
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Day19_9 前端入门之HTML标签、VScode安装配置
weixin_43717536的博客
09-19 1031
解析：1.不同浏览器的渲染引擎不同，对于相同代码解析的效果会存在差异，在解析成网页时可能会存在差异导致用户体验极差。2.让不同的浏览器按照相同的标准显示结果，让展示的效果统一！1.html标签的结构 你好小可爱 其中：为开始标签，你好小可爱为包裹的内容，为结束标签结构说明：1. 标签由，/、英文单词或字母组成；并且把标签中包括起来的英文单词或字母称为标签名 2. 常见标签由两部分组成，我们称之为：双标签。
vscode代码编辑器-其他
06-12
Visual Studio Code包括对IntelliSense代码完成，丰富的语义代码理解和导航以及代码重构的内置支持。并且当编码变得困难时，艰难就得到了调试。调试通常是开发人员在更精简的编码体验中最会错过的一项功能，因此我们...
vscode中setting.json配置详解
热门推荐
爪哇丨大神的博客
07-19 2万+
vscode中的setting.json配置文件配置详解 话不多说上配置文件 大家按需复制到自己的setting.json配置文件中即可
重磅！微软发布 vscode.dev，把 VSCode 带入浏览器！
这个时代，作为程序员可能要学习小程序
01-17 827
点击上方终端研发部，选择设为星标每天9:30点，干货准时奉上！原作者：Chris Dias原文：https://code.visualstudio.com/blogs/2021/10/...
微软发布 vscode.dev，把 VSCode 带入浏览器！
石杉的架构笔记
11-12 282
点击上方蓝色“石杉的架构笔记”，选择“设为星标”回复“PDF”获取独家整理的学习资料！代码托管仓库：https://gitee.com/suzhou-mopdila-information...
重磅：微软发布 vscode.dev，把 VSCode 带入浏览器！
easylife206的专栏
10-24 389
公众号关注「奇妙的 Linux 世界」设为「星标」，每天带你玩转 Linux ！原作者：Chris Dias翻译：韩老师 + Google Translate早在 2019 年，当.de...
VSCODE 插件推荐
爱死亡机器人
05-28 1669
是一个扩展，为您提供了许多有用的功能，如自动滚动同步，数学排版，美人鱼，PlantUML，pandoc，PDF导出，代码块，演示文稿编写器等。错误，因此，第一次从“活动栏”或通过“命令托盘”访问扩展时，“注释”将提示您输入存储位置。如果要更改存储位置，稍后可以从命令托盘访问Notes设置。选择存储位置后，可以从活动栏中的“便笺”图标或通过命令托盘访问便笺。很抱歉，作为AI语言模型，我无法直接搜索和列举出特定的实践文章。扩展将Markdown文件转换为PDF，HTML，PNG或JPEG文件。
vscode 插件开发 常用接口API
一切时空
07-17 2843
【代码】vscode 插件开发 常用接口API。
揭秘VSCode魔法工具箱：HTML5 & CSS3 超强插件集合 + Css Reset与Normalize.css的终极对决
不要让努力成为一种奢望，它应该如同呼吸一样自热而然。
04-20 2409
23(24)(25)-1(2)- HTML、CSS 常用的vscode插件 +Css reset 和Normalize.css
vscode配置项，保存自动格式化，eslint，vue...
qq_57749525的博客
12-12 2675
{ "workbench.iconTheme": "vscode-icons", "workbench.colorTheme": "Default Dark+", "editor.minimap.enabled": false, "files.autoSave": "afterDelay", "editor.fontLigatures": false, // 100 列后换行 "editor.wordWrapColumn": 100, // 开启 vsc.
HTML常用基础学习总结
04-12
- **可扩展性**：可通过自定义标签扩展功能。 - **平台无关性**：可以在任何操作系统和设备上运行。 - **兼容性强**：不同浏览器对HTML的支持差异不大。 #### 三、HTML的基本结构 HTML文档由两部分组成： - **头部...
京东Web+HTML+JSP+CSS期末大项目
12-18
同时，了解HTML5的新特性，如语义化标签和媒体元素，也能提升项目的现代感和用户体验。 CSS（Cascading Style Sheets）用于控制网页的样式和布局，使得网页更具吸引力和交互性。在京东项目中，CSS将被用来定义颜色...
Pakko:HTML + SCSS + Figma + VS代码
04-17
在Pakko项目中，HTML文件将包含网页的标题、段落、链接、图像等元素，通过合理的标记使内容具有语义化，以便浏览器正确渲染。 2. **CSS**：CSS（Cascading Style Sheets）用于控制网页的样式和布局。Pakko项目采用...
HTML5大作业党建之家党建网站源码html+css
06-29
HTML5是现代网页标准的核心，它提供了许多增强网页功能的新元素和API，如语义化标签（例如、、、），离线存储（Application Cache），以及媒体元素（和）等。在“党建之家”源码中，HTML5的这些特性可能被用于创建...
Java面试整理，涵盖基础、JVM、线程并发、框架、MySQL、微服务、Redis、中间件、数据结构与算法等。陆续完善中.zip
07-31
Java面试整理，涵盖基础、JVM、线程并发、框架、MySQL、微服务、Redis、中间件、数据结构与算法等。陆续完善中
chromedriver-mac-x64_121.0.6167.184.zip
最新发布
07-31
chromedriver-mac-x64_121.0.6167.184.zip
【Java面试+Java技术文章汇总】 涵盖大部分Java程序员所需要掌握的核心知识。.zip
07-31
【Java面试+Java技术文章汇总】 涵盖大部分Java程序员所需要掌握的核心知识。
资源管理的艺术：使用MySQL用户资源配额优化性能
07-31
MySQL是一个流行的开源关系型数据库管理系统（RDBMS），广泛用于Web应用程序的后端数据存储。它基于结构化查询语言（SQL）来管理数据，并且是LAMP（Linux, Apache, MySQL, PHP/Python/Perl）技术栈的一部分，这个技术栈常用于构建动态网站和Web应用程序。 MySQL的特点包括： - **开放源代码**：MySQL的源代码是公开的，任何人都可以自由使用和修改。 - **跨平台**：MySQL可以在多种操作系统上运行，包括Linux、Windows、macOS等。 - **高性能**：MySQL以其快速的查询处理和良好的性能而闻名。 - **可靠性**：MySQL提供了多种机制来确保数据的完整性和可靠性，包括事务支持、备份和恢复功能。 - **易于使用**：MySQL提供了简单直观的界面和丰富的文档，便于用户学习和使用。 - **可扩展性**：MySQL支持从小型应用到大型企业级应用的扩展。 - **社区支持**：由于其广泛的使用，MySQL拥有一个活跃的开发者社区，提供大量的资源和支持。 MySQL被广泛应用于各种场景，包括在线事务处理（OL
const refresh = () => { homeFastList.value = []; menuList.value.forEach((item: Any) => { if (item.speedMenu && item.speedMenu === "1") { homeFastList.value.push(item); } else if (item.children) { item.children.forEach((child: Any) => { if (child.speedMenu && child.speedMenu === "1") { homeFastList.value.push(child); } else if (child.children) { child.children.forEach((child1: Any) => { if (child1.speedMenu && child1.speedMenu === "1") { homeFastList.value.push(child1); } else if (child1.children) { child1.children.forEach((child2: Any) => { if (child2.speedMenu && child2.speedMenu === "1") { homeFastList.value.push(child2); } }); } }); } }); } }); };
07-11
以下是对代码进行优化的建议： 1. 使用递归函数来遍历多层嵌套的子菜单，可以减少重复的代码。可以创建一个递归函数来遍历菜单项和子菜单项，并将满足条件的项添加到 `homeFastList` 数组中。 2. 使用类型注解来明确参数和变量的类型，提高代码的可读性和可维护性。 3. 使用更具有语义化的变量名，使代码更易理解。 下面是优化后的代码示例： ```typescript const refresh = () => { const traverseMenu = (menu: Any[]) => { for (const item of menu) { if (item.speedMenu && item.speedMenu === "1") { homeFastList.value.push(item); } if (item.children) { traverseMenu(item.children); } } }; const homeFastList: Any[] = []; traverseMenu(menuList.value); homeFastList.value = homeFastList; }; ``` 通过使用递归函数和更具有语义化的变量名，可以使代码更加简洁、易读和易于维护。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值