详解html5新增的标签与css3中伪类和伪元素

html5 / css3 基础篇（第一篇）

回顾

是的，你没看错！今天是一个全新的开始，今天这一讲我们就要开始h5和c3了，html 和 css的基础篇我们都告一段落了。html一共两篇，css走过了7篇，如果基础不太熟悉的话，建议多看看 css 和 html 基础篇。从今天开始我们就要开始新的征程了，进入到 h5 和 c3 的环节了。现在工作中基本上对于html/html5、css/css3 都是一个硬性的要求。所以接下来h5和c3的学习当中会在原本的基础上更上一层楼。期待全新的认知吧！

真正的敲代码神器 —— vs code

vs code 应该是众多开发人员必备的一个开发工具了，这个工具市场占比率已经遥遥领先了，所以对于前端开发者也是一样的，选择一个好的开发工具事半功倍。

常用的vs code 插件

插件是vs code 最具特色的功能之一，利用插件可以提高开发的效率和多样化的开发方式。下面就举例点最常用的插件和未来工作中进阶的插件
基础插件：

• chinse —— 中文（简体）语言包
• open in Browser ——— 右击选择浏览器方式打开html
• js-css-html Formatter —— 每次保存，都会自动格式化.js css和html 代码
• auto Rename Tag —— 自动重命名配对的html/xml标签
• css peek —— 最终至样式

进阶插件：

• auto close tag —— 输入标签名称的时候自动生成闭合标签
• auto Rename Tag —— 尾部闭合标签同步修改
• Bracket Pair Colorizer —— 用不同颜色高亮显示匹配的括号
• Highlight Matching Tag —— 高亮显示匹配标签
• Code Spell Checker —— 单词拼写检查
• import Cost —— 引入包成本检查器
• Version Lens —— 查看引入包最新版本
  

注意：虽然插件是非常好用的，但是切记对于新手来说，熟练的写代码能力是必不可少的一项技能，所以建议这种自动补全或者什么的插件在前期不要太常用，尽量自己手写，之后如果熟练了可以开启自动补全的功能。

HTML5 语义化标签

html5 简而言之就是对 超文本标记语言