这篇博客详细介绍了HTML5的基础知识，包括文档声明、HTML结构、常用标签的使用以及一些注意事项。作者推荐了B站的HTML5-CSS3教程，并分享了个人学习心得，强调了通过实际观察网页源代码来学习的重要性。此外，还提到了一些关键标签如<h1>、<p>、<a>和<img>，以及属性如title和id。文章还简单提及了URL、字符实体和编写HTML时的常见误区。
我所看的B站教程：最新最全HTML5-CSS3教程_哔哩哔哩_bilibili
HTML参考：HTML（超文本标记语言） | MDN (mozilla.org)
HTML全称是“HyperText Markup Language”，即超文本标记语言。
一般来说，我认为学习一种新语言要先掌握好大概，即明白如何去做，然后再通过查阅好参考手册等资料去掌握，所以本教程也会采用这种方法去叙述，将我所看的B站视频通过我的理解组织起来，希望对你有所帮助。
个人建议：可以去淘宝、京东等网站页面，在浏览器打开调试工具，查看页面的HTML代码等内容，去看一眼页面大概有哪些内容等，最好去学习下调试工具的基本用法。
一、文档声明
<!DOCTYPE html>
放在页面的最前面，省略了会出现兼容性问题，它告诉了浏览器以什么标准去解析HTML页面
二、HTML结构
1.<html></html>
html元素是HTML文档的根元素，即包裹着所有其他元素。W3C标准建议增加"lang"属性，如下
<html lang="en"></html> # 中文是lang="zh-CN"（传统写法，非标准）
作用：lang代表着页面语言，如果浏览器是中文的，页面语言是英文的，会弹出是否翻译窗口
2.<head></head>
head元素主要存放元数据，可以看一下当前的浏览器标签，是不是有一个“C”的图标和一个标题？而元数据就是所谓描述数据的数据，比如你得规定页面内容的编码方式。如果不规定，有一些浏览器会出现乱码的现象。
head元素中常见的标签有<meta>、<script></script>、<link>、<style></style>、<title></title>、<base>。要注意，这里可能会面临两个问题：①有些标签是没有另一半的，都是单身狗②元素和标签的区别建议百度一下。
<meta>标签参考博客HTML meta标签总结与属性使用介绍 - 傻瓜不傻108 - 博客园 (cnblogs.com)
属性viewport的补充html中的meta元素及viewport属性值 - 张赟曌 - 博客园 (cnblogs.com)
这里附加我的理解：html在我看来，就是一门规划页面结构的标记语言，把整体分成一块一块的，再分别或者整体附加CSS样式变好看起来，而添加JS代码实现一些动态操作，监听啥的，而我们学完这三个后要接触的前端框架，我估计就是将操作简化吧（我还没学），仅供参考。
<head>
<meta charset="UTF-8">
<title>标题</title>
</head>
3.<body></body>
这个标签里的内容就是我们的页面，即我们看到的页面都要在这个大标签里面进行布局。一个正常的HTML页面都应该由以上<html></html>、<head></head>、<body></body>标签包裹而成。在这个<body></body>也有各种各样的标签
最低0.47元/天 解锁文章
扫一扫
1472
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
