html规范和基本结构标签

目录

HTML规范

HTML基本结构标签

网页开发工具VSCode

vscode插件安装

vscode骨架标签新增代码

lang语言

字符集


HTML规范

  • 双标签,单标签
  • 标签关系包含关系,并列关系

HTML基本结构标签

<html>
    <head>
        <title></title>
    </head>
    <body></body>
</html>

网页开发工具VSCode

  • 新建文件Ctrl+N
  • Ctrl+加号键,Ctrl+减号键,可以放大缩小视图
  • 生成页面骨架 输入!按下tab
  • 利用插件在浏览器中预览页面:单机鼠标右键,在弹窗出口中点击open in default browser,快捷键alt+B

vscode插件安装

  • Chinese中文语言包
  • open in browser右击选择浏览器打开HTML
  • js-css-html formatter,每次保存都会自动格式化(已弃用),可以用Prettier - Code formatter替换
  • Auto Rename Tag,自动重命名标签
  • CSS Peek 追踪至样式

vscode骨架标签新增代码

<!DOCTYPE>

  • 文档类型声明,告诉浏览器使用哪种HTML版本来显示网页
  • <!DOCTYPE html>当前页面采取的是HTML5版本来显示网页
  • <!DOCTYPE>不是一个HTML标签,是文档类型声明标签
  • 位于最前面

lang语言

  • 用来显示当前文档显示的语言
  • en定义语言为英语
  • zh-CN定义语言为中文
  • 其实对于文档显示来说,定义英文网页也可以显示中文,定义中文网页也可以显示英文

字符集

  • 字符集 (Character set)是多个字符的集合。以便计算机能够识别和存储各种文字。
  • 在<head>标签内,可以通过<meta> 标签的 charset 属性来规定 HTML 文档应该使用哪种字符编码。
  • <meta charset=" UTF-8" />
  • charset 常用的值有:GB2312 、BIG5 、GBK 和 UTF-8,其中 UTF-8 也被称为万国码,基本包含了全世界所有国家需要用到的字符.
  • 注意:上面语法是必须要写的代码,否则可能引起乱码的情况。一般情况下,统一使用“UTF-8”编码,尽量统一写成标准的 "UTF-8",不要写成 "utf8" 或 "UTF8"。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值