web三要素

1.带动web的三驾马车

html5,css,javascript(js)就是带动web的三架马车，html是web的结构，css是web的样式，而js则是web的行为（即与用户的交互）

如果把html比作一棵树的树干的话，那么css就是树上开的花结的果，js就相当于一阵风，只要一吹过，树就会作出相应的反应，就像风小的时候树叶动，风大树干就断了。

2.制作网页需要注意什么？

那么我们在制作一个网页的时候具体需要注意些什么呢？首先，我们要明白上文所提到的html，css和js的作用，在这个前提下，我们要做到让结构(html)，样式(css)，行为(js)互相分离，所谓分离，就是在写结构时，用一个单独的.html文件来写，写样式时，用一个单独的.css文件来写，写行为时，用一个单独的.js文件来写，这样做的目的是为了让我们的代码容易阅读，并且能够实现重用，不会造成代码冗余，并且为日后的更新网页或者维护提供便利。

3.HTML语义化

提到语义化不得不提一下旧版本的html，html5增加了很多语义化的标签，在没有这些标签以前，举个例子，如果一个网站我们把它分为上中下三个部分，那么以前的标签就要分三个<div></div>来划分内容。html5新增词汇就很好的解决了这些问题，比如头部的某个区域，我们可以用<header></header>来表示，页面的脚注可以用<footer></footer>来表示，这样不仅方便了开发者的阅读，而且使得机器可以理解，对于引擎和爬虫来说非常有利，他们可以获取更多的信息，从而提高了网站的权重。

4.Css的特点

之前有提到，css即是网页的样式，就好比你在结构中插入了一张图片，要把它往左往右或者往你想让它待的地方固定，那么就要用css来给他规定样式了。

在写.css文件时我们要注意选择合适的样式表和选择器，切忌胡乱选择，每个样式表和选择器都有他各自适用的场景，举个例子，css行内样式表适合在js里使用，通配选择器适合在重置宽高的时候使用。还需要注意的是，在写声明时，有可能会发生声明冲突，这个时候计算机会先比较优先级，再比较特殊性，最后比较源次序。有时候我们规定一个元素的样式后，会发现其子元素也拥有了其中的一部分属性，这就是css的继承，子元素会自动拥有父元素的某些css属性，文本类的属性会被继承。

5.超链接

相信大家对百度都不陌生，当我们在搜索框输入内容后，用鼠标点击的“百度一下”的按钮，就是一个超链接，超链接可以实现从一个页面跳转到另一个页面的功能，我们在写超链接时，要尽量每次都写上跳转到一个新的页面打开，这对于用户来说往往是很友好的，可以提高用户的使用体验。

Ps：实现跳转到一个新页面的代码：<a href="目标" target=_blank>内容</a>

6.路径

提到路径，又要提到两个概念，一个是绝对路径，一个是相对路径。

当我们要访问站外资源的时候，就只能使用绝对路径。如果我们要访问站内资源，当我们搭建的网站已经部署到服务器，可以使用绝对路径，并且此时可以省去协议和域名。

当我们要访问站内资源，并且我们搭建的网站没有部署到服务器的时候，就只能使用相对路径。

Ps：绝对路径书写格式：协议://域名/目录

相对路径书写格式：./路径  ./可以省略，../表示返回上一级，../../表示返回两级