携手创作,共同成长!这是我参与「掘金日新计划 · 8 月更文挑战」的第4天,点击查看活动详情 >
一.前端介绍
1.什么是前端
①解决人GUI人机交互问题
②跨终端
PC/移动浏览器
客户端/小程序
VR/AR等
复制代码
③Web技术栈
2.前端应该关注哪些方面
美观、功能、安全、体验、性能、兼容、无障碍、体验七大方面
3.前端的边界
4.开发环境
二.HTML介绍
1.HTML是什么
①HyperText ②Markup Language
①图片、标题、链接、表格 ②
2.基本结构
3.HTMl语法
①标签和属性不区分大小写,推荐小写
②空标签可以不闭合,比如 input、meta
③属性值推荐使用双引号包裹
④某些属性值可以省略,比如required、readonly
4.内容区划分
5.语义化是什么?
①HTML中的元素、属性及属性值都拥有某些含义
②开发者应该遵循语义来编写HTML
有序列表用ol;
无序列表用ul
lang属性表示内容所使用的语言
6.语义化的好处
①代码可读性
②可维护性
③搜索引擎优化
④提升无障碍性
7.如何做到语义化
·了解每个标签和属性的含义
.思考什么标签最适合描述这个内容不使用可视化工具生成代码