前端的基础介绍

99 阅读1分钟

携手创作,共同成长!这是我参与「掘金日新计划 · 8 月更文挑战」的第4天,点击查看活动详情 >

一.前端介绍

1.什么是前端

①解决人GUI人机交互问题

②跨终端

 PC/移动浏览器
 客户端/小程序
 VR/AR等
复制代码

③Web技术栈

image.png

2.前端应该关注哪些方面

美观、功能、安全、体验、性能、兼容、无障碍、体验七大方面

3.前端的边界

image.png

4.开发环境

image.png

二.HTML介绍

1.HTML是什么

①HyperText ②Markup Language

①图片、标题、链接、表格 ②

2.基本结构

image.png

image.png

3.HTMl语法

①标签和属性不区分大小写,推荐小写

②空标签可以不闭合,比如 input、meta

③属性值推荐使用双引号包裹

④某些属性值可以省略,比如required、readonly

4.内容区划分

image.png

5.语义化是什么?

①HTML中的元素、属性及属性值都拥有某些含义

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

有序列表用ol;

无序列表用ul

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

6.语义化的好处

①代码可读性

②可维护性

③搜索引擎优化

④提升无障碍性

image.png

7.如何做到语义化

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

.思考什么标签最适合描述这个内容不使用可视化工具生成代码