前端与HTML

什么是前端

前端就是使用web技术栈解决多端交互的问题。

前端技术栈：HTML CSS JavaScript

HTML

HyperText Markup Language

超文本标记语言

eg：

<img src="a.png"/>
<p>
    你好
</p>

常见标签：

浏览器会将html代码解析为dom树

从document结点出发依次解析html代码

语法：

标签和属性不区分大小写

空标签可以不闭合，比如:input、meta

属性值推荐用双引号包裹

某些属性值可以忽略，比如required、readonly

常见标签：

标题标签:h1

列表：ul ol dl dt dd

链接:a

多媒体：img audio video

输入:input textarea

文本类：blockquote p cite code q em strong

开发者应该遵循语义来编写HTML

有序列表用ol 无序列表用ul

lang属性表示内容所使用的语言

....

谁使用我们写的HTML

开发者-修改维护

浏览器-展示页面

搜索引擎-提取关键词

屏幕阅读器-给盲人读页面内容

语义化的好处

代码可读性

可维护性

搜索引擎优化

提升无障碍性

如何做到语义化

了解每个标签和属性的含义

思考什么标签最适合描述这个内容

不使用可视化工具生成代码