当前位置: 首页 > news >正文

字节跳动青训营--前端day1

文章目录

  • 前言
  • 一、 前端
    • 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. < ol>< li>< /li>< /ol>
  3. 在这里插入图片描述
  4. 在这里插入图片描述
  5. 在这里插入图片描述
  6. 在这里插入图片描述
  7. 在这里插入图片描述
  8. 在这里插入图片描述

2. HTML 语法

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

3. 谁在使用我们写的HTML

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

相关文章:

  • apache 多网站/北京优化网站公司
  • 小米的网站建设的要点/澳门seo推广
  • 做网站可以盈利吗/百度移动端优化
  • 做网站的域名和空间是什么意思/企业seo如何优化
  • 网络科技有限公司网站/搜索引擎排名大全
  • 怎么做导购网站/网站搜索
  • NET餐厅管理系统前端js-dwz.dialog初始化半透明层、改变阴隐层
  • Spring入门-IOC/DI注解管理与整合mybatis及Junit(2)
  • 【操作系统】 第一章 操作系统概述
  • Java枚举类与注解
  • 【论文简述】High-Resolution Optical Flow from 1D Attention and Correlation(ICCV 2021)
  • 数据库面试题
  • 代码随想录第四天(203、707)
  • Go语言实现猜数字小游戏
  • 算法第十二期——BFS-判重
  • 机器学习实战4:基于马尔科夫随机场的图像分割(附Python代码)
  • 尚硅谷ES6李强笔记
  • 数据大佬的成长经验分享 | ​我的非典型数据分析之路