首页 > 代码库 > Web前端之基础知识

Web前端之基础知识

学习web前端开发基础技术须要掌握:HTML、CSS、Javascript


1.HTML是网页内容的载体

内容就是网页制作者放在页面上想要让用户浏览的信息,能够包括文字、图片、视频等。


2.CSS样式是表现

就像网页的外衣,比方:标题字体、颜色变化、为标题增加背景图片、边框等。

全部这些用来改变内容外观的东西称之为表现。


3.JavaScript是用来实现网页上的特效效果

比方:鼠标滑过弹出下拉菜单、鼠标滑过表格的背景颜色改变、焦点新闻的轮换。

能够理解为:有动画的、有交互的一般都用JavaScript来实现。


HTML之代码凝视:

代码凝视是帮助程序猿标注代码的作用,过一段时间后再看你所编写的代码,就能非常快想起这段代码的作用。

代码凝视不仅方便程序猿自己回顾起曾经代码的用途,还能够帮助其它程序猿非常快的读懂你的程序的功能。方便多人合作开发网页代码。


HTML之语义化:

语义化事实上就是明确每一个标签的用途,它可以让你的网页更好的被搜索引擎理解。

它的优点能够总结为两点:

(1)更easy被搜索引擎收录;

(2)更easy让屏幕阅读器读出网页内容;


HTML之em、strong和span的差别:

(1)<em>和<strong>标签是为了强调一段话中的keyword时使用,他们的语义是强调;

(2)<span>标签是没有语义的,它的作用就是为了设置单独的样式用的。


HTML之summary,caption:

作用是为table加入标题和摘要

摘要的内容不会在浏览器中显示出来。它的作用是添加表格的可读性(语义化),使搜索引擎更好的读懂表格内容,还能够使屏幕阅读器更好的帮助特殊用户读取表格内容。


代码凝视:

在CSS中的凝视语句:用/*凝视语句*/来标明

在Html中使用<!--凝视语句-->来标明



HTML选择器的问题:

后代选择器与子选择器的差别

子选择器(child selector)仅是指它的直接后代。或者你能够理解为作用于子元素的第一代后代。而后代选择器是作用于全部子后代元素。后代选择器通过空格来进行选择,而子选择器是通过“>”进行选择。

总结:>作用于元素的第一代后代,空格作用于元素的全部后代。

Web前端之基础知识