前端自学整理——HTML篇（二）

最新推荐文章于 2024-07-09 17:39:20 发布

前端小白兔@

最新推荐文章于 2024-07-09 17:39:20 发布

阅读量209

点赞数 2

分类专栏：前端

本文链接：https://blog.csdn.net/weixin_43237458/article/details/108760567

版权

9 篇文章 0 订阅

订阅专栏

HTML标签

思维导图在最后

HTML标签

<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	 我爱中国❤
</body>
</html>

这是一个最基本的html文件，如图所示，我们可以得到：

<head>并列关系</head>
<body> </body>

<head> 
 <title>这两个标签是嵌套关系</title> 
</head>

为了阅读方便，我已经整理、修改了一份思维导图，方便大家阅读。

个人开发的心得：

结构永远最重要，没有合理的骨架（html），穿再好的衣服（CSS）也白搭
html标签要注意语义化的原则，即标签不是随便赋予的，而是有含义的，比如可以思考这样一个问题：下面的红色箭头所指的部分是用两级不同标题呢，还是用标签和<h></h>？
注释在前端开发中是非常重要的，能便于不同岗位的人员交流、理解。

附：思维导图

个人向整理总结，如有疏漏，尽情指正！

关注