笔记day1 | 青训营

62 阅读2分钟

前端语言的基本能力

HTML:构建框架结构,包含内容布局,是所有web页面的基石。从形式上看可以称作标签,从浏览器 看可以称为元素

JS:增加了网络交互体验,保证了更高的效率与网页可用性。借鉴了C语言的语法;借鉴了Java语言 的数据类型和内存管理;借鉴Scheme语言,将函数提升到”第一等公民”的地位;借鉴Self语言, 使用基于原型的继承机制。

CSS:层叠样式表,给元素添加样式,是网站外表与体现最重要的工具。语法简单,有类选择器、全选择器、伪元素选择器、id选择器、伪类选择器等

 

前端语言的协作配合

CSS在HTML中的应用:1.在html标签中通过style或class添加样式。2.内部css,在html头部通过style标签引进类的样式。3.在html头部引入外部样式

JavaScript在HTML的应用:默认script定义于全局,DOM把页面上html部分转换为对应的script对象1.可以引入外部的创建文件。2.也可以在内部编写脚本。

DOM事件机制:分为事件捕捉与事件捕获。

HTML在JavaScript中的应用:模板语言,通过script定义模板进行动态渲染。

CSS在JavaScript中的应用:修改DOM的style、class属性、link标签等。

 

你不知道的HTML(5)

HTML并非图灵完备,只是一门标记语言。

HTML基本语法包括:标签(元素)、文本、注释、DTD(Document Type Defination)、处理信息。

HTML的标签分类:1.文档型,如、、等、2.闭合型,如闭合标签、空标签等、3.换行型,如块级标签与行内标签、4.H5新元素,如语义化标签、媒体标签、表单标签、功能标签。

Head标签:title 标题、base 向页面所有相对URL提供前缀,全局唯一,不建议使用、meta 通常是约定好的键值对、link rel决定类型,href决定引入地址、script type指定MIME类型,可内嵌代码,可外链文件。

HTML5包含:语义化、存储/音视频、浏览器API、可视化相关等。

 

拓展分享

Web的风靡:对用户友好、对开发者友好、领域成熟度、未来的方向。

 

个人心得:本次课程我大致了解了HTML、CSS、JavaScript的概念与作用,并学习了它们彼此之间如何协作配合互相运用。以及对HTML语言的定义有了了解,并大致的学习了html所包含的基本语法与标签分类,特别是对HTML5所涵盖的内容有了崭新的了解,并通过老师的扩展分享懂得了web受众广并且未来方向良好。这次课程不仅从根本上加深了我在前端的基础,还极大的扩展了我的视野,使我收益良多。