前端入门1

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:绝对路径书写格式:协议://域名/目录

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

猜你喜欢

转载自www.cnblogs.com/xxqd/p/11997859.html