刚刚学习HTML没几天，碰到Meta标签里“源数据”这个词，确实有点懵。Meta这个标签就在head里，属性的种类还挺多，就好几天甚至一直在纠结Meta源数据这个问题，为了搞明白这个标签里的属性，我还特意查了以下资料，了解了一下。
后来发现了，这些源数据真不用死记硬背，每个网页虽然都要用到Meta源数据，但大多数网站也就用几个属性。Meta源数据里头那些属性和值，单词有的比较长，设置项也挺多，不可能短时间全记得住。我的办法就是，搞清楚最关键的那两三个是干什么的，其他的用到了随时复制粘贴就行，没什么不好意思的，不懂就先放着，回头有机会再去研究。
<!DOCTYPE HTML> <html> <head> <!-- Meta 源数据：编码类型和视口设置 --> <meta chatset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>上面两句直接复制用</title> </head> <body> 网站内容，在网页上显示出来。 </body> </html>
这里面最不能省的，肯定就是编码类型<meta charset="UTF-8">了。你可以把它想象成网页和浏览器之间的“暗号”。要是没这行，或者设错了，浏览器就可能“猜”错编码，到时候满屏都是乱码，中文变成一堆问号或者奇怪符号，那页面就算做得再漂亮也白搭。所以这条必须放在最前面，算是保底操作。
另一个我特别留意的就是视口设置。视口说白了就是你眼前那块浏览器屏幕。<meta name="viewport" content="width=device-width, initial-scale=1.0">这行代码，主要是为了对付手机和平板的。没有它，移动设备打开网页，往往会显示成缩小版的电脑页面，字小得要用放大镜看，还得左右滑来滑去，体验特别差。加上这行，页面宽度就能自动适应屏幕宽度，并且以正常的比例打开，算是给手机浏览上了个保险。
在制作网页的时候，先将上面的两段代码放到head标签中就可以，至于其他的Meta源数据，即使不写也不会影响网页的展示。作为我们这种以兴趣选择学HTML的人来说，不能设置太多障碍，懂得一点点就好，否则容易产生退怯心里。等HTML页面学的差不多了，真正需要其他Meta源数据的时候，再去研究和使用是完全来得及的。