HTML与前端 | 青训营笔记

74 阅读2分钟

这是我参与「第四届青训营 」笔记创作活动的的第1天

一、前端

  1. 解决图形界面下的人机交互问题。
  2. 跨终端、兼容性(PC/移动浏览器、客户端/小程序、VR/AR等)。
  3. Web技术栈(HTML、CSS、JavaScript、HTTP等)。

二、前端用到的技术栈

1.Html 超文本标记语言,即用来标记超文本的语言 2.Css 3.JavaScript

三、前端关注的

1.功能 2.性能 3.美观 4.兼容性 5.用户体验

四、HTML

HyperText Markup Language

(1)HTML语法

1.标签和属性不区分大小写 2.空标签可以不闭合 3.属性值推荐用双引号包裹 4.某些属性值可以省略

(2)HTML语义化

1.HTML中的元素、属性及属性值都拥有某些含义 2.开发者应该遵循语义来编写HTML 3.语义化的好处:代码可读性、可维护性、搜索引擎优化、提升无障碍性。 4.做到语义化:了解每个标签和属性的含义。

四、浏览器和Web标准

浏览器

浏览器是运行、渲染和显示网页的平台

浏览器内核是渲染引擎,负责读取网页内容、整理讯息、计算网页显示方式和显示页面等。

web标准

web标准是由万维网联盟和其他标准化组织制定的一系列有关web的标准的集合

web标准是由浏览器厂商应当共同认定和遵循的规则、指南和特性

遵循web标准可以让开发人员写出的页面实现标准和统一

web标准建议:结构、表现和行为分离

web标准的构成:网页的结构(主要指html,用于对网页元素进行整理和分类),网页的表现(主要指css,用于设置网页元素的外观样式),网页的行为(主要指JavaScript,用于定义网页模型,负责用户和网页的交互)

总结

今天主要是html和前端的入门,比较基础。