HTML基本结构

最新推荐文章于 2024-06-27 20:15:18 发布

该叫啥

最新推荐文章于 2024-06-27 20:15:18 发布

阅读量380

点赞数 6

分类专栏： html 文章标签： html 前端 javascript

本文链接：https://blog.csdn.net/qq_42236791/article/details/134870241

版权

6 篇文章 0 订阅

订阅专栏

【查看网页源代码】看到的是：程序员编写的源代码。
【检查】看到的是：经过浏览器“处理”后的源代码。

一个基本的html网页，应该包含html、head、body标签，但是如果你这些都不写，直接写body标签里的语句，也能看到效果，这是什么原因呢？

浏览器具体渲染的过程为：html格式检查，合法直接渲染，不合法处理后，在渲染。

当我们直接写标签时

<marquee>尚硅谷</marquee>

用浏览器打开能看见效果
源代码为：

在这里插入图片描述

检查为：

在这里插入图片描述
说明浏览器跟你补全了基本结构再渲染

当我们在属性不加双引号时，浏览器也会处理再渲染

<marquee loop=1>尚硅谷</marquee>

源代码为：

在这里插入图片描述
检查为：

在这里插入图片描述
综上所述：小问题浏览器都会帮你处理再渲染

head标签内的内容一般都是不显示的，body标签的内容为显示在网页的内容

但是如果我们在head中放一条应该放body标签的语句呢？

<html>
<head>
    <marquee>尚硅谷</marquee>
</head>
<body>
    <marquee>尚硅谷</marquee>
</body>
</html>

浏览器源代码为：不变
在这里插入图片描述
浏览器检查为：

可以看见浏览器帮我们自动处理，把head中的语句放在body里了

关注

专栏目录