【HTML】HTML5的组成

VScode  2022.7月版本

HTML5的组成:

新建.html文件后输入html:5并按Enter键后生成(注意:html:5中的:为英文符号)

1.<!DOCTYPE html>:

支持html5的html文件

2.<html lang="en">:

<html>是页面起始根标签

lang:语言

en:英文

3.<head>:

表示页面头部信息起始标签

4.<meta charset="UTF-8">:

meta:指一些媒体信息,如编码格式、默认浏览器、视窗信息、页面的定期刷新等

charset:字符集

UTF-8:字符集的一种编码格式。国际标准化,支持世界上绝大多数的语言(支持中文)

5.<meta http-equiv="X-UA-Compatible" content="IE=edge">:

电脑默认的浏览器

6.<meta name="viewport" content="width=device-width, initial-scale=1.0">:

viewport:视口,为了适应不同终端

content="width=device-width":通知浏览器,布局视口的宽度应该与设备的宽度一致(浏览器以最理想的形式打开页面)

initial-scale:初始缩放比,取值范围为0.0~10.0(1.0表示按照原比例100%的打开)

7.<title>Document</title>:

网页标题(可以更改Document为自定义的网页标题)

8.</head>:

表示页面头部信息结束标签

9.<body>:

表示页面主体信息起始标签

11.</body>:

表示页面主体信息结束标签

12.</html>:

页面结束的根标签

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值