专栏首页前端入门学习Web前端开发基础:HTML、CSS、JavaScript分别实现什么功能?
原创

Web前端开发基础:HTML、CSS、JavaScript分别实现什么功能?

相信正在学习Web前端知识的小伙伴们都知道,学习Web前端开发基础技术需要掌握:HTML、CSS、JavaScript,那么这三个都是分别实现什么功能的呢?下面和小编一起来看看吧!

一、HTML是网页内容的载体

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

在这里小编建了一个前端学习交流扣扣群:132667127,我自己整理的最新的前端资料和高级开发教程,如果有想需要的,可以加群一起学习交流

二、CSS样式是表现

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

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

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

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

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

HTML之代码注释:

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

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

HTML之语义化:

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

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

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

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

HTML之em、strong和span的区别:

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

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

HTML之summary,caption:

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

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

代码注释:

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

在Html中使用来标明

HTML选择器的问题:

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

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

总结:

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

原创声明,本文系作者授权云+社区发表,未经许可,不得转载。

如有侵权,请联系 yunjia_community@tencent.com 删除。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 想入门web前端开发,并且学好,你必须知道的十大开发工具

    在网站制作和开发的过程中,其实有很多的辅助咱们开发的工具,使用这些工具会让咱们的开发更为方便,提高工作效率,从事开发第六个年头了,接下来为大家分享一些常用工具,...

    用户5827212
  • 小白要学好Web前端,要从哪里入手?

    要说目前IT行业需求量最大的岗位是什么,Web前端工程师一定有姓名。Web前端工程师绝对是近几年火爆而且高薪的职业之一,当然,不同的公司也有不同的叫法,比如:网...

    用户5827212
  • 你不知道的web前端那些事

    你不知道的web前端那些事,web前端要学习的知识有很多,前端基础要学习三个部分:HTML,CSS,JavaScript(简称JS),因此首先明确三个概念:HT...

    用户5827212
  • 在Linux最大打开文件数限制下 MySQL 对参数的调整

    非root用户运行MySQL,当MySQL配置比较高时,MySQL运行中生效的参数值与配置的值不一样。 这篇文章的目的是为了说明在系统资源不够的情况下,MySQ...

    二狗不要跑
  • 8 款好用超赞的 Google Chrome 插件,一直用,一直爽

    Github一个不好的地方就是代码是不能相互跳转的,所以阅读起来很累,如果我要引入一个库,那么就必须clone下来然后通过idea打开才行。这样的流程对于库的前...

    芋道源码
  • 编程语言|编译原理

    今天的是讲一讲编程语言,为什么会有这么多不同的编程语言?为什么还会有新的编程语言?

    仇诺伊
  • 55. 跳跃游戏

    来源:力扣(LeetCode) 链接:https://leetcode-cn.com/problems/jump-game 著作权归领扣网络所有。商业转载请联系...

    lucifer210
  • Python学习 Day 13 IO编程 (最后一篇 明天换教材)

    要以读文件的模式打开一个文件对象,使用Python内置的open()函数,传入文件名和标示符:

    统计学家
  • 【Java】24 常用函数式接口

    java.util.function.Supplier<T>接口仅包含一个无参的方法:T get( )。用来获取一个泛型参数指定类型的对象数据。java.ut...

    Demo_Null
  • 论文赏析[EACL17]K-best Iterative Viterbi Parsing(K-best迭代维特比句法分析)

    K-best Iterative Viterbi Parsinggodweiyang.com

    godweiyang

扫码关注云+社区

领取腾讯云代金券