文章目录

  • 前言
  • 一、 前端
    • 1 前端的技术栈
    • 2. 前端的边界
    • 3. 前端的关注点
  • 二、 HTML
    • 1. HTML常用标签及语义化
    • 2. HTML 语法
    • 3. 谁在使用我们写的HTML

前言

仅以此文章记录学习历程

一、 前端

解决GUI人机交互问题

1 前端的技术栈

2. 前端的边界

nodejs–服务器端应用
electron… --客户端应用
WebRTC–在线传输，多人会议
React native… --多端开发，小程序，安卓，ios
WebASSEMBLY–将其他语言编译成可以在浏览器运行
WebGL–3D应用

3. 前端的关注点

二、 HTML

HyperText Markup Language（超文本标记语言）

1. HTML常用标签及语义化

HTML中的元素、属性及属性值都拥有某些含义
开发者应该遵循语义来编写HTML

  • 有序列表用 ol;无序列表用 ul
  • lang属性表示内容所使用的语言

语义化优点：

  • 代码可读性
  • 可维护性
  • 搜索引擎优化
  • 提升无障碍性
  1. H1-H6 表示六个等级的的标题

2. HTML 语法

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

3. 谁在使用我们写的HTML

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

字节跳动青训营--前端day1相关推荐

  1. 字节跳动青训营--前端day7

    文章目录 前言 一.Node.js 的应用场景 (why) 1. 前端工程化 2. web服务端应用 3. Electron跨端桌面应用 二.Node.js 运行时结(what) 1. V8 ,lib ...

  2. 第五届字节跳动青训营 前端进阶学习笔记（八）React框架入门

    文章目录 前言 React 的设计思路 1.传统JavaScript更新UI的痛点 2.我们对UI代码的需求 3.组件 (1)组件定义 (2)组件设计 (3)组件结构 4.React的生命周期 Rea ...

  3. 字节跳动青训营--前端day8

    文章目录 前言 一.CSR,SSR,SSG 1. CSR 2. SSR 3. SSG 4. SSR,SSG的优势 利于SEO 更短的首屏时间 二.什么是Next.js 三.Next.js客户端开发 1 ...

  4. 字节跳动青训营--前端day5

    文章目录 前言 一.初识HTTP 拓展-输入地址到页面渲染发生了哪些事情 二.协议分析 1.发展 2.报文 2.1 请求报文: 请求行: 请求头 主体 2.2 响应报文: 状态行 响应头 响应正文 2 ...

  5. 字节跳动青训营--前端day10

    文章目录 前言 一.web开发安全 - 攻击 1. Cross-Site Scripting(XSS) 1.1 存储型(Stored Xss) 1.2 反射型(Reflect Xss) 1.3 DOM ...

  6. 字节跳动青训营--前端day3

    文章目录 前言 一.写好JavaScript的一些原则 二.各司其职 三.组件封装 四.过程抽象 前言 仅以此文章记录学习 一.写好JavaScript的一些原则 各司其职:让HTML.CSS和Jav ...

  7. 字节跳动青训营--前端day2

    文章目录 前言 一.css 1. css的组成 2. css三种使用方式 3.css的工作方式 二. css选择器Selector 1. 选择元素的方式 2. 伪类(pseudo-classes) 2 ...

  8. 第五届字节跳动青训营寒假 —— 前端专场

    第五届字节跳动青训营寒假 -- 前端专场 文章目录 第五届字节跳动青训营寒假 -- 前端专场 青训营 - 前端练习题 每日一练 编程题 前端编程题 [342. 4的幂](https://leetcod ...

  9. 前后端免费学，字节跳动青训营-暑假专场报名启动

    亲爱的小伙伴,你准备好了吗? 第六届字节跳动青训营,来咯! 无论你是初学者还是有一定经验 都可以在青训营找到属于自己的位置 全方位课程讲解 & 项目实践指导 让你轻松掌握「前端 or 后端」技 ...

最新文章

  1. 忽然觉得照着技术文档一个demo一个demo的写是一个十分好的学习方式
  2. 数据结构与算法--代码鲁棒性案例分析
  3. “Linaro”将推动开源软件新一波开发潮
  4. 全面解读：戴尔”未来就绪的存储保障计划” —— SC系列存储60天无理由退货的影响与意义...
  5. 周志华机器学习西瓜书速记第二章绪论模型评估与选择（二）
  6. 富国基金：基金公司是如何进行数据架构规划与实践的
  7. BZOJ1047B Cover Points
  8. linux源码编译安装MQTT服务器mosquitto
  9. crt软件(crt软件安装)
  10. 什么软件测试情侣头像,情侣头像另一半查找器
  11. php的优秀案例,单页Web设计优秀案例_php
  12. 如何申请注册在国内可以登录使用国外邮箱？
  13. JAVA POI获取excel单元格红色字体，淡蓝色前景色的内容
  14. 亲戚B （普通并查集）
  15. 超实用的Mac快捷键神器：CheatSheet Mac中文免费版
  16. 离散数学实验2关联矩阵相邻矩阵
  17. 【微信小程序】判断手机号是否合法
  18. 【BUUCTF】reverse2
  19. 王多鱼噩梦：MIT的机器狗学会守门了，拦截率87.5%，比顶尖运动员还高！
  20. 四分之一车辆垂向动力学模型

热门文章

  1. 架构设计：系统间通信（4）——IO通信模型和JAVA实践 中篇
  2. 计算机组成原理结果分析与实验体会,计算机组成原理实验报告总结(共9篇).doc...
  3. DCDC电源SW电压尖峰过冲问题解析
  4. 每天一点数据库之-----Day 2 创建与管理数据库表
  5. Swing图形界面 — “组件在容器中常见的五种布局（布局管理器）”
  6. To see the stack trace of this error execute with --v=5 or higher
  7. PID的学习与理解（一）
  8. 物联网传感技术——传感器的一般特性
  9. 微服务--Docker详解
  10. html用户名只包括字母下划线,javascript/JS限制用户名只能输入 汉字字母和数字下划线...