前端与HTML

前端

解决GUI人机交互问题 跨终端 web技术栈

前端技术栈

JavaScript（行为） CSS（样式） HTML（内容）

前端关注

美观 功能 无障碍 安全 性能 兼容性

前端边界

开发环境

浏览器 编辑器

HTML

图片，标题，链接，表格

一级标题 DOM树 DOM节点

HTML语法

标签和属性不区分大小写，推荐小写 空标签可以不闭合，比如input、meta 属性值推荐用双引号包裹 某些属性值可以省略，比如 required、readonly

语义化

HTML中的元素、属性及属性值都拥有某些含义 开发者应该遵循语义来编写HTML 有序的列表用ol；无序列表用ul lang属性表示内容所用的语言

谁用我们写的HTML

开发者 修改、维护页面 浏览器 展示页面 搜索引擎 提取关键词、排序 屏幕阅读器 给盲人读页面内容

语义化的好处

增加代码可读性 增强可维护性 搜索引擎优化 提升无障碍性 传达内容，而不是样式

如何做到语义化

了解每个标签和属性的含义 不使用可视化工具生成代码 标签的匹配

心得感悟

今天这节课上的很不错，学到了很多关于HTML的知识，开心~