01 初识HTML5

HTML5结构组成

HTML5主要是由标签组成的,如下代码就是HTML5的主要组成部分:
<!DOCTYPE html>             <!-- 文档声明标签,表示用html5解析 -->
<html lang="zh-CN">         <!-- languang=en 表示英文  “en”英文 “zh-CN”中文 “ja-jp”日文-->
<head>
    <meta charset="UTF-8">   <!--编码方式-->
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!--移动端-->
    <title>网页标题</title>
</head>
<body>

</body>
</html>

其中:

<! DOCTYPE html>

表示html5标准网页声明。如果你的页面添加了< !DOCTYPE html>那么,那么就等同于开启了标准模式,那么浏览器就得老老实实的按照W3C的标准解析渲染页面,这样一来,你的页面在所有的浏览器里显示的就都是一个样子了。

< html lang=“zh-CN”>

表示本代码使用的什么语言,lang="en"表示英文,lang="zh-CN"表示中文,lang="ja-jp"表示日文,拿IBM网站为例:
中文网站网址为:https://www.ibm.com/cn-zh
英文网站网址为:https://www.ibm.com/usa-en
日文网站网址为:https://www.ibm.com/usa-en
等等。。。。。。。。
中文网站界面:

在这里插入图片描述

查看源代码可以看到,lang=zh-CN
在这里插入图片描述
英文网站页面:
在这里插入图片描述
查看源代码可以看到,lang=en-US
在这里插入图片描述
日文网站页面:
在这里插入图片描述
查看源代码可以看到,lang=ja-jp
在这里插入图片描述
head元素开始文档的头部

meta元素声明文档的字符编码(通常为UTF-8)

title元素是网页的标题

body元素开始页面的主体

猜你喜欢

转载自blog.csdn.net/qq_46073825/article/details/128187820