HTML+CSS学习笔记整理

一、标签语义化（重点）：

1、可以方便代码的阅读和维护

2、同时让网络爬虫更好的解析从而更好的分析其内容

3、更好的优化引擎

如何做到标签语义化：个人理解是，首先，网页的HTML主要作用在网页的结构上面，W3C规范定义了很多标签，标签都具有它的意义，例如：<p>定义的是一个段落 <h1>~<h6>分别定义了标题的大小；这些一个一个的标签都有它的使用用途，根据相应的定义来使用它，使得我们能够有上图的一些结构方面语义化后带来的网页优势。

 

二、HTML和CSS：

HTML（超文本标记语言）是用于网页的结构，我们每个盒子里面的结构都有相应的标签组织而成，为了方便代码的阅读和维护，标签必须语义化。是网页的结构标准。

CSS（层叠样式表）是用于对网页样式的静态的修饰，是网页的表现标准。

我们通常使用CSS+div进行布局：div没有实际的语义

 

三、绝对路径和相对路径：

绝对路径例如：一个固定的网站：https://i.cnblogs.com/EditPosts.aspx?opt=1 或者 本地固定的文件路径C:\Users\zjf\Desktop\前端

相对路径：分为三个级  1、同级（和HTML文件同属一个文件夹） 2、下一级（在HTML文件的同属文件夹内的文件）  3、上一级 使用“../”（在HTML文件的上一级文件夹当中）

 

四、选择器：普通选择器1、*选择器 2、类选择器 3、id选择器  4、标签选择器

　　　　　　符合选择器1、后代选择器  2、子代选择器   3、交集选择器“div.nav”  4、并集选择器使用“，”