来自 科技 2020-06-24 16:35 的文章

HTML、CSS、JavaScript都能实现哪些功能?「新人必学

结学习web前端开发基础技术需要掌握:HTML、CSS、JavaScript,本文详细为你解答他们都是能实现哪些功能?

HTML、CSS、JavaScript都能实现哪些功能?「新人必学


1、HTML是网页内容的载体

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

2、CSS样式是表现

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

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

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

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

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

HTML之代码注释:

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

代码注释不仅方便程序员自己回忆起以前代码的用途,还可以帮助其他程序员很快的读懂你的程序的功能,方便多人合作开发网页代码。

HTML、CSS、JavaScript都能实现哪些功能?「新人必学

HTML之语义化:

语义化其实就是明白每个标签的用途,它能够让你的网页更好的被搜索引擎理解。

它的好处可以总结为两点:

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

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

HTML之em、strong和span的区别:

(1)和标签是为了强调一段话中的关键字时使用,他们的语义是强调;

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

HTML之summary,caption:

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

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

代码注释:

在CSS中的注释语句:用/*注释语句*/来标明

在Html中使用来标明

HTML、CSS、JavaScript都能实现哪些功能?「新人必学

HTML选择器的问题:

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

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

多年开发老码农福利赠送:网页制作,网站开发,web前端开发,从最零基础开始的的HTML+CSS+JavaScript。jQuery,Ajax,node,angular框架等到移动端小程序项目实战【视频+工具+电子书+系统路线图】都有整理,需要的伙伴可以私信我,发送“前端”等3秒后就可以获取领取地址,送给每一位对编程感兴趣的小伙伴

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