HTML基本知识回顾

Posted 2022-06-13 liujinchang

晚间鸡汤先来一份：“知与行，这是我们前进道路上非常重要的两个东西，学习知识是为了行动使用，行动使用又能提升我们的知识掌握，学习一定要谨记不惧知行，切莫知而后行，亦非行方能知，学必行，行必反省学习，说人话就是管他干什么学了就要用，用了就多想想，凡事抱有小小的目的总是好的，比如挣她一个亿！”

 

   先从html开始，网页的基本结构就不说了，当我们使用vscode新建一个HTML文件时，使用！加tab键快捷搭建一个页面结构，从上而下来说head头部中最先的一般都是<mata>和<title></title>标签。

　　<meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">

       meta标签代表网页元信息，东西很多编不赘述了，charset属性表示网页的字符集utf-8是目前最常用的字符集编码方式，常用的字符集编码方式还有gbk和gb2312，name和content表示网页的一些特性，name声明是什么特性，content具体设置，viewport表示网页的视口，视口是针对小屏设备来说的，http-equiv和name一样只不过值不同，从名字就能看出是和网页相关的。这里的X-UA-Compatible是用来做兼容的，告诉IE要用最高版本的内核渲染。

<title>我的网页标题</title>
<link rel="shortcut icon" href="https://www.baidu.com/favicon.ico" type="image/x-icon">

　　title设置网页标题，link定义文档和外部资源的关系 ，rel就是关系的意思嘛，short icon或者icon代表href引入的是网页标题旁边的小图标，通常为.ico文件。