当前位置: 首页 > 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

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

相关文章:

  • wordpress hestia/百度词条搜索排行
  • 广告公司怎么样/seo网站平台
  • seo站长工具是什么/德国搜索引擎
  • 做外贸批发有哪些网站/惠州百度seo哪家好
  • 网站分页设计作用/怎么优化一个网站关键词
  • 国产化网站建设/网站策划方案
  • 一次线上事故,我顿悟了MongoDB的精髓
  • 【链表经典题目】总结篇
  • 浅显易懂的三次握手与四次挥手
  • 【C++11】—— lambda表达式
  • 内核转储的设置
  • 【指针笔试题下】你知道大厂面试题的指针题是什么样的吗?快来通过这些面试题目检测一下自己吧!
  • 【北京理工大学-Python 数据分析-3.1Pandas库的基本使用】
  • 谷粒学院复习
  • ARC153C ± Increasing Sequence
  • 线程启动、结束与创建线程写法
  • uni-app使用手机号一键登录
  • HBase RowKey设计和实现