前端语言的基本能力

HTML

功能

完成文本到网页的转换

CSS

功能

Javascript(灵魂)

函数

function someName(param1,param2){
    var a = param1 + "love" + param2;
    return a;
}

someName("Me","YOu")

如何在浏览器中运转

渲染引擎 + Javasript引擎

前端语言的协作配合

CSS in HTMl

Inline CSS Internal CSS External CSS

Javscript in HTML

script标签

HTML in Javascrip

动态修改HTML内容

CSS in Javascript

你不知道的HTML

前端开发最基本、最简单的语言 并非图灵完备u，而是一门标记语言

基本语法

标签（元素）Element

文档型

闭合型

换行型

H5新元素

head标签

title、base、mata、link、script

ARIA标签

text

Comment

DTD

ProcessingInstruction

HTML5

语义化标签

表单增强

存储

IndexedDB

PWA&AMP

Audio

SVG & Canvas

总结

分析思考

前端的三剑客HTML，CSS和Javascript有个千丝万缕的联系。其中HTML是基础，Javascript是灵魂。要在掌握好各自语法的基础上，深入理解三者之间的联系，才能更好的从事前端相关的工作。