HTML标准的文档结构

HTML基本格式:

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="with=device-with initial-scale=1.0">
    </head>
    <body>
        
    </body>
</html>

标准的文档结构

<!DOCTYPE html> 

文档声明。作用是告诉浏览器,当前文档使用的HTML标准是HTML5。
如果不写,浏览器将会进入怪异渲染模式。

<html lang="en">
 
</html>

       根元素,一个页面最多只能一个,并且该元素是所有其他元素的父元素或祖先元素。
<W3C规定,这个元素,在HTML5中可以省略不写>

       lang:language 全局属性(每个标签都可以使用):表示该元素内部使用的文字 是使用哪一种自然语言书写的。
       如果要书写汉语,原先的zh-CN已经落后,建议写lang=“cmn-hans” 表示简体中文汉字。

<head>
</head>

文档头,文档头里面的内容,不会显示到页面上。

<meta>

文档的元数据:附加信息。
如chartset=“UTF-8” ,表示网页使用的编码是UTF-8。

简单介绍一下计算工作原理:

​       计算机无非就是一个电器,像我们写的文字,字母,符号,等计算机是没有办法存储的。因为计算机只能识别两种状态。

       在计算器中,有一个0~2V的电压叫做低压电,用0表示, 还有一个2~5V的电压叫做高压电,用1表示。因此在计算机中只能有这两种状态。因此,表示2用10,表示3用11,表示4用100.逢二进一。

换句话说,计算机中只能存储数字,存不了文字、图片、电影这些

​ 但是遇到文字怎么办?

​ 计算机内部会将文字和数字进行对应,

​ 比如:a—97 A—64,通过这种方式把每一个文字和数字进行对应,进行存储。在存储的时候,写一个文字,他会转换成数字进行存储。

​ 这种存储方式,相当于一个字典,这个字典叫做字符编码表,而charset=""表示告诉浏览器,我这个网页使用的是哪一套编码表,浏览器会按照指定的编码进行解析。

<meta name="viewport" content="with=device-with initial-scale=1.0">

主要适配手机端
6.

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

主要解决IE兼容性问题。意思是:在使用IE浏览器的时候,使用edge这个内核,

<title>
</title>

网页标题

<body>   
</body>

文档体,页面上所有要参与显示的元素,都应该放在文档体中,

在这里插入图片描述

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值