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

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

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

文章插图
 
?
一、HTML是网页内容的载体
内容就是网页制作者放在页面上想要让用户浏览的信息 , 可以包含文字、图片、视频等 。
二、CSS样式是表现
就像网页的外衣 , 比如:标题字体、颜色变化、为标题加入背景图片、边框等 。
所有这些用来改变内容外观的东西称之为表现 。
三、JavaScript是用来实现网页上的特效效果
比如:鼠标滑过弹出下拉菜单、鼠标滑过表格的背景颜色改变、焦点新闻的轮换 。
可以理解为:有动画的、有交互的一般都用JavaScript来实现 。
HTML之代码注释:
代码注释是帮助程序员标注代码的作用 , 过一段时间后再看你所编写的代码 , 就能很快想起这段代码的作用 。
代码注释不仅方便程序员自己回忆起以前代码的用途 , 还可以帮助其他程序员很快的读懂你的程序的功能 , 方便多人合作开发网页代码 。
HTML之语义化:
语义化其实就是明白每个标签的用途 , 它能够让你的网页更好的被搜索引擎理解 。
它的好处可以总结为两点:
(1)更容易被搜索引擎收录;
(2)更容易让屏幕阅读器读出网页内容;
HTML之em、strong和span的区别:
【Web前端开发基础:HTML、CSS、JavaScript分别实现什么功能?】(1)和标签是为了强调一段话中的关键字时使用 , 他们的语义是强调;
(2)标签是没有语义的 , 它的作用就是为了设置单独的样式用的;
HTML之summary,caption:
作用是为table添加标题和摘要
摘要的内容不会在浏览器中显示出来 , 它的作用是增加表格的可读性(语义化) , 使搜索引擎更好的读懂表格内容 , 还可以使屏幕阅读器更好的帮助特殊用户读取表格内容 。
代码注释:
在CSS中的注释语句:用/*注释语句*/来标明
在Html中使用来标明
HTML选择器的问题:
后代选择器与子选择器的区别
子选择器(child selector)仅是指它的直接后代 , 或者你可以理解为作用于子元素的第一代后代 。而后代选择器是作用于所有子后代元素 。后代选择器通过空格来进行选择 , 而子选择器是通过“>”进行选择 。
总结:
>作用于元素的第一代后代 , 空格作用于元素的所有后代 。




    推荐阅读