从零开始学前端(HTML篇):1、HTML文件基本骨架分析

总代码如下:

<!DOCTYPE html> <!-- 文档声明-->
<html lang="en"> <!-- 根元素 -->
<head> <!--文档头-->
    <meta charset="UTF-8"> <!--<meta>文档的元数据-->
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> <!--解决IE浏览器的问题(现在不用管)-->
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!--适配手机端(现在不用管)-->
    <title>Document</title> <!--网页标题-->
</head>
<body><!--文档体-->

</body>
</html>

解释如下:

  1. 文档声明
<!DOCTYPE html> <!-- 文档声明-->

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

  1. 根元素
<html lang="en"> <!-- 根元素 -->

根元素:一个页面最多只能一个,并且该元素是所有其他元素的父元素或祖先元素。
HTML5没有强制要求书写该元素。
lang属性:language,全局属性,表示该元素内部(元素内容)使用的文字是使用哪一种自然语言书写而成的。如:"en"表示的是英文,"cmn-hans"表示汉语简体。

  1. 文档头
<head>

</head>

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

  1. 文档的元数据
<meta>

文档的元数据:附加信息。
charset属性:指定网页内容编码。UTF-8 是Unicode编码的一个版本。

  1. 网页标题
<title>Document</title>
  1. 文档体
<body>
</body>

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

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值