小白前端学习日记（一）认识前端

 

　　事不宜迟，赶快进行三个基本能力中相较来说最简单的HTML的学习吧！

 

　　在编写HTML时我们们首先要写出以下代码。

 

　　不要被这一大长串吓到，在VSCode编译器中html文件第一行打出“！”便会自动得到这些代码。我们来认识一下这些标签都是什么。

 

　　HTML文件第一行必须是DTD（Document Type Definition

 

　　，文档类型声明），不写DTD会引发浏览器的一些兼容问题。

 

　　标签对，将标签对和标签对放入其中，lang属性为网页语言，英语为en，中文为zh。
 

 

　　注意：head标签对和body标签对需要在html标签对中缩进

 

　　标签对中是网页的配置，而并非网页头部

 

　　head标签对中为设置字符集，标签为元标签，表示网页的基础配置；

 

　　UTF-8为制作网页所使用的字符集，与gb2312的区别可参考下图。

 

　　在中的中书写网页的标题，文字会显示在浏览器的标签栏上。title也是搜索引擎收录网站时显示的标题，所以我们需要合理的设置title以吸引用户的点击。

 

　　使用meta标签设置网页关键词和描述，name属性非常关键，用来设置meta的具体功能。

 

　　标签对中用来写网页的主要内容，包括网页头部，内容，页脚等等。

 

　　HTML叫做“超文本标记语言”，超文本标记就是标签，这些标签拥有不同的功能。

 

　　标签通常成对儿出现；但meta标签为单标签，只有起始标签。

 

　　标签可以给文字设置不同的“语义”。

 

　　实际显示效果如图。

 

　　搜索引擎非常看重标签的内容，应该将重点内容比如网页的logo等放到中以加大其权重。标签一般只能放置一个，否则会被搜索引擎视为作弊。

 

　　六级标题虽然很像普通文本进行了加粗，但不应该仅仅为了加粗而使用标签对。
 

 

　　在网页中显示的效果如图。

 

　　div是英语division“分割”的缩写，标签对用来将相关的内容组合到一起，以和其

 

　　他内容分割，使文档结构更清晰。最重要的一点是，它可以结合CSS使用，实现网页的布局，这种布局形式叫做“DIV+CSS”。

 

　　div标签对的应用是html中非常重要的知识点。

 

　　书写代码时，我们需要写好注释使日后再阅读代码或者他人阅读代码提供提示。

 

　　为了在书写“<”“>”等符号时不被当作标签，我们需要使用转义字符来表示它们。

 

　　在网页中显示的效果如图。

 

　　通过此次的学习，我们认识了HTML骨架，标题标签，段落标签，div标签，注释写法与部分转义字符写法。下次的学习内容将会是列表标签和多媒体语义化标签。