外链论坛

 找回密码
 立即注册
搜索
查看: 107|回复: 3

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

[复制链接]

3002

主题

220

回帖

9909万

积分

论坛元老

Rank: 8Rank: 8

积分
99099132
发表于 2024-6-29 17:17:35 | 显示全部楼层 |阅读模式

相信正在学习Web前端知识的小伙伴们都晓得,学习Web前端研发基本技术必须把握:HTML、CSS、JavaScript,那样这三个都是分别实现什么功能的呢?下面和博主一块瞧瞧吧!

1、HTML是网页内容的载体

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

前端新手学习交流群,倘若有想学习前端交流经验的都能够加入,一块互相学习交流:→→→点击我就可加入圈子

2、CSS样式是表现

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

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

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

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

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

HTML之代码注释:

代码注释是帮忙程序员标注代码的功效,过一段时间后再看你所编写的代码,就能火速想起这段代码的功效

代码注释不仅方便程序员自己回忆起以前代码的用途,还能够帮忙其他程序员火速的读懂你的程序的功能,方便多人合作研发网页代码。

HTML之语义化:

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

它的好处能够总结为两点:

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

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

HTML之em、strong和span的区别:

(1)和标签是为了强调一段话中的重要字时运用她们的语义是强调;

(2)标签是语义的,它的功效便是为了设置单独的样式用的;

HTML之summary,caption:

功效是为table添加标题和摘要

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

代码注释:

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

在Html中运用来标明

HTML选取器的问题:

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

选取器(child selector)仅指的是它的直接后代,能够理解为功效于子元素的第1代后代。而后代选取器是功效于所有子后代元素。后代选取器通过空格来进行选取,而子选取器是经过“>”进行选取

总结:

>功效于元素的第1代后代,空格功效于元素的所有后代。





上一篇:前端学习笔记--HTML基本(一)
下一篇:快速认识前端研发HTML的正确姿势
回复

使用道具 举报

0

主题

1万

回帖

1

积分

新手上路

Rank: 1

积分
1
发表于 2024-8-20 00:47:39 | 显示全部楼层
你的见解真是独到,让我受益良多。
回复

使用道具 举报

3099

主题

3万

回帖

9909万

积分

论坛元老

Rank: 8Rank: 8

积分
99098732
发表于 2024-10-12 14:36:03 | 显示全部楼层
“板凳”(第三个回帖的人)‌
回复

使用道具 举报

3080

主题

3万

回帖

9915万

积分

论坛元老

Rank: 8Rank: 8

积分
99158895
发表于 2024-10-27 01:37:01 | 显示全部楼层
楼主的文章深得我心,表示由衷的感谢!
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

站点统计|Archiver|手机版|小黑屋|外链论坛 ( 非经营性网站 )|网站地图

GMT+8, 2024-11-25 00:46 , Processed in 0.142598 second(s), 22 queries .

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.