前端和HTML

77 阅读1分钟

什么是前端? 解决GUI人机交互和问题 跨终端 PC/移动浏览器 客户端小程序 VR/AR等 web技术栈 前端工程师使用web技术栈解决多端图形用户交互问题

前端技术栈,分为三层

image.png 前端应该关注哪些方面? 功能 美观 无障碍 安全 性能 兼容性 体验 前端的边界?

image.png 开发环境

image.png HTML是什么?

image.png 也可以在标签上设置一些属性 <!doctype html>标记当前在使用的html文件是什么版本,决定浏览器使用何种渲染模式

浏览器将html代码解析为一棵dom树 image.png

HTML语法

链接 由a标签表示 输入 placeholder:占位符 选择: 下拉选择select 用户在输入的时候给出提示,添加list code标签:引用代码 strong 和 em 内容划分

image.png

语义化是什么? Html中的元素、属性及属性值都拥有某些含义,开发者应该遵循语义来编写html 有序列表用ol,无序列表用ul,lang属性表示内容所使用的语言

谁在使用我们写的HTML?

image.png