前端与 HTML | 青训营笔记

这是我参与「第五届青训营 」伴学笔记创作活动的第 1 天

1.1前端的介绍

1. 解决GUI人机交互问题
2. 跨越端包括：PC/移动浏览器、客户端/小程序、VR/AR等
3. WEB技术栈

1.2前端的开发环境

1. 浏览器有：IE/Edge、Chrome、Firefox、Safari
2. 编辑器有：VSCode、Vim、WebStorm

1.3前端关注的方面

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

1.4关于HTML语法需要注意的事项

1. 标签和属性不区分大小写，推荐小写
2. 空标签可以不闭合，比如input 、meta
3. 属性值推荐用双引号包裹
4. 某些属性值可以省略，比如required、readonly（其属性的结果为boolean 默认为true 可以省略）

1.5关于一些标题的示例

1.6关于链接的使用

1.6.1图片链接

1.6.2音频链接

1.6.3视频链接

1.6.4输入框链接

1.7HTML语言的面向对象

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

1.8关于语义化

1. HTML中元素、属性以及属性值都拥有某些含义
2. 开发者应该遵循予以来开发html
3. 有序列表用ul,无序列表用ol
4. lang属性表示内容所使用的语言

1.9语义化的优点

1. 代码可读性
2. 可维护性
3. 搜索引擎优化
4. 提供无障碍性

1.10语义化怎样去实现

1. 了解每个标签和属性的含义
2. 思考什么标签最适合什么内容
3. 不使用可视化工具生成代码

总结：这是我参加青训营的第一天，通过今天的学习，我了解了前端与HTML的概念及含义，使我初步对其有了大致的框架，为我以后的学习打下了一个基础。继续加油！