前端语言串讲 | 青训营

58 阅读4分钟

HTML(超文本标记语言)

HTML(超文本标记语言——HyperText Markup Language)是构成 Web 世界的一砖一瓦。它定义了网页内容的含义和结构。除 HTML 以外的其他技术则通常用来描述一个网页的表现与展示效果(如 CSS),或功能与行为(如 JavaScript)。

“超文本”(hypertext)是指连接单个网站内或多个网站间的网页的链接。链接是网络的一个基本方面。只要将内容上传到互联网,并将其与他人创建的页面相链接,你就成为了万维网的积极参与者。

HTML 使用“标记”(markup)来注明文本、图片和其他内容,以便于在 Web 浏览器中显示。HTML 标记包含一些特殊“元素”如 、、、、、、、、、、、、、、、、、、、、、、、 等等。

HTML 元素通过“标签”(tag)将文本从文档中引出,标签由在“<”和“>”中包裹的元素名组成,HTML 标签里的元素名不区分大小写。也就是说,它们可以用大写,小写或混合形式书写。例如, 标签可以写成 , 或以任何其他方式。然而,习惯上与实践上都推荐将标签名全部小写。

CSS 层叠样式表

层叠样式表(Cascading Style Sheets,缩写为 CSS)是一种样式表语言,用来描述 HTML 或 XML(包括如 SVG、MathML 或 XHTML 之类的 XML 分支语言)文档的呈现。CSS 描述了在屏幕、纸质、音频等其他媒体上的元素应该如何被渲染的问题。

CSS 是开放 Web 的核心语言之一,并根据 W3C 规范在 Web 浏览器中进行了标准化。以前,CSS 规范的各个部分的开发是同步进行的,这种方式允许对最新推荐的 CSS 版本进行控制。你可能已经听说过 CSS1、CSS2.1 甚至 CSS3。但是以后将不会再有 CSS3 或者 CSS4;相反,现在的一切都是没有版本号的 CSS。

在 CSS2.1 之后,规范的制定范围不断地增加,并且不同的 CSS 模块进展差异如此之大,以至于按照模块来单独进行开发并发布建议变得更加有效。W3C 现在不再对 CSS 规范进行版本控制,而是定期对 CSS 规范的最新稳定状态和各个模块的进展用快照来记录。CSS 模块现在有版本号或者级别,例如 CSS Color Module Level 5。

JavaScript

JavaScript(JS)是一种具有函数优先特性的轻量级、解释型或者说即时编译型的编程语言。虽然作为 Web 页面中的脚本语言被人所熟知,但是它也被用到了很多非浏览器环境中,例如 Node.js、Apache CouchDB、Adobe Acrobat 等。进一步说,JavaScript 是一种基于原型、多范式、单线程的动态语言,并且支持面向对象、命令式和声明式(如函数式编程)风格。

JavaScript 的动态特性包括运行时对象的构造、变量参数列表、函数变量、动态脚本创建(通过 eval)、对象内枚举(通过 for...in 和 Object 工具方法)和源代码恢复(JavaScript 函数会存储其源代码文本,可以使用 toString() 进行检索)。

本部分文档将专注于 JavaScript 语言本身,而非局限于网页或其他运行环境。想要了解网页中特有的 API,请参考 Web API 以及 DOM。

ECMAScript 语言规范(ECMAScript Language Specification)(ECMA-262)和ECMAScript 国际化 API 规范(ECMAScript Internationalization API specification)(ECMA-402)是 Javascript 的标准。当某个 ECMAScript 新特性的提案已经被一些浏览器实现时,MDN 上的文档或示例就可能会涉及到这些新特性。大多数时候,处在 stages 3 和 4 的新特性会被收录到文档中,且收录时间通常早于其正式发布的时间。

不要将 JavaScript 与 Java 编程语言混淆——JavaScript 不是“解释型 Java”。虽然“Java”和“JavaScript”都是 Oracle 公司在美国和其他国家注册(或未注册)的商标,但是这两门语言在语法、语义与用途方面有相当大的不同。

你不知道的HTML

HTML DTD

HTML并非图灵完备,他只是一门标记语言 在这里插入图片描述

HTML全部标签分类

在这里插入图片描述

HTML head标签

在这里插入图片描述

HTML body功能性标签

在这里插入图片描述

HTML ARIA

了解ARIA并非只是为了供盲人阅读,他可以为我们设计UI系统提供指导意义。 在这里插入图片描述 在这里插入图片描述 在这里插入图片描述 在这里插入图片描述

HTML二进制

在这里插入图片描述

拓展交流

WEB的风靡

在这里插入图片描述

MVC & MVVM & MVP

在这里插入图片描述