前端基本功能

前端语言三件套分别是指HTML、CSS、JavaScript。

HTML（Hypertext Markup Language）是用来描述文档结构和语义的标记语言。通过使用一系列的标签和属性，可以将页面划分成不同的区域，并为这些区域添加文本、图片、链接等内容。HTML 是网页中的骨架，可以方便地搭建出网页基础结构。
CSS（Cascading Style Sheets）是用于设置网页样式的样式表语言。通过定义各种样式规则，如字体、颜色、布局等，可以使得网页达到某种美观而统一的设计效果。CSS 让开发者专注于网页的视觉效果和交互效果，提高了用户体验。
JavaScript 是一门动态的脚本语言，具有强大的功能和丰富的 API 库。JavaScript 可以为网页添加响应式的交互性，比如与用户进行交互、获取并修改页面元素的内容、处理用户提交的表单数据、与后端进行数据交互等。在现代网页中，JavaScript 已经成为不可或缺的语言。

三者的结合构成了完整的页，其中html是网页的骨架结构，css是网页的外观，js是网页的交互。

三者者在浏览器的运行

HTML DTD

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

1.标签 Elenment

<tagname>…</tagname>

2.文本 Text

2.1 text

2.1 <![CDATA[text]]>

3.注释 Comment

<!-- comments -->

4.DTD Document Type Defination

<!Doctype html>

5.处理信息 ProcessingInstruction

<?a 1?>

HTML 全部标签分类

1.文档型（html的基础，必须具备的标签）

<!DOCTYPE>

<head>

<body>

2.闭合型

闭合标签（包含内容）

<p></p>

空标签（直接换行，或者通过属性）

<br>

<img>

<input>

3.换行性

块级标签（块元素）

<div>

<h1>,<h2>…<h6>

行内标签（行内元素）

<span>

<a>

4.H5新元素

语义化标签

媒体标签

<video>

<audio>

<embed>

表单标签

<input type="date">

<input type="color">

功能标签

<canvas>

<progress>

HTMl head标签（功能性，一般用户看不见）

1.title

标题，全局唯一

2.base

向页面所有相对URL提供前缀

全局唯一，不建议使用

3.meta

通常是约定好的键值对

例外：charset、http-equiv

4.link

rel决定类型，href决定引入地址

5.script

type指定MIME类型

可内嵌代码，可外链文件

HTML body 功能性标签

HTML ARIA

了解ARIA并非只是为了供盲人阅读，它可以为我们设计UI系统提供指导意义。

前端语言串讲|青训营