📄HTML源代码显示

什么是HTML源代码

HTML源代码是用h1（标题）或p（段落）等标签来描述网页的标题、正文、图像位置等内容的文本，浏览器通过读取这些内容来绘制页面。

• head元素：head元素包含页面标题（title）、在搜索结果和社交媒体中使用的描述文本（meta）以及加载的CSS和JavaScript的指定。
• 字符编码的声明：字符编码通过meta标签的charset属性（例如：charset="UTF-8"）声明，如果声明与实际字符编码不匹配，页面将出现乱码。

在浏览器中显示页面源代码的方法

在电脑的Chrome或Edge中，可以在页面上右键单击选择"显示页面源代码"，或者在Windows上按"Ctrl+U"，在Mac上按"Command+Option+U"来显示源代码。

• 手机的情况：手机浏览器通常没有"显示页面源代码"菜单，因此使用输入URL获取源代码的网络工具会更方便。

源代码和检查工具HTML的区别

"页面源代码"是服务器最初返回的HTML，而浏览器检查工具（开发者工具）中显示的HTML是在JavaScript执行后被改写的状态。

• 看不到的元素：由JavaScript稍后添加的广告或列表等不包含在服务器返回的HTML中，因此查看源代码时可能找不到它们。