这是我参与「第五届青训营 」笔记创作活动的第1天。
本课 重点
- 前端介绍
- HTML介绍
- HTML相关元素、属性、语法
前端介绍
前端是解决GUI的人机交互问题，其领域涉及PC/移动浏览器，客户端/小程序，VR/AR等，使用Web技术栈来解决这些问题。
前端主要的技术分为三层，最基础的HTML负责页面的内容和内容，CSS设计页面的样式，利用JavaScript来定义网页的行为。浏览器通过HTTP协议和服务器进行通信，通过HTTP协议获取前端的代码并进行渲染。HTML,CSS和JavaScript构成了前端最基础的技术栈。
前端应该关注方面包括：功能 美观 安全 兼容 性能 无障碍 体验HTML介绍
HTML是“HyperText Markup Language”的缩写，意为超文本语言。
超文本即除文字外，还包括图片、标题、链接、表格等形式。
标记语言使用了开始标签和结束标签来定义一个语句。
HTML语法
- 标签和属性不区分大小写，推荐小写
- 空标签可以不闭合，比如
input、meta - 属性值推荐使用双引号包裹
- 某些属性值可以省略，比如
required、readonly
HTML内容划分
大致上，HTML可以分为四个部分：header、main、aside、footer，如下图所示。
HTML的语义化
HTML语义化指的是其元素、属性和属性值都拥有某些含义。开发者应遵循语义来编写HTML。
做到语义化就应该了解每个标签和属性的含义，选择最佳的描述内容的标签，避免使用可视化的工具生成代码
语义化可以增强代码的可读性和可维护性，优化搜索引擎的效果，并提升无障碍性。
此外...
HTML应注意其内容属性，也就是说传达的是内容而非样式。样式的设计应放在CSS部分进行。个人思考与补充
GUI: 图形用户界面（Graphical User Interface，简称 GUI，又称图形用户接口）是指采用图形方式显示的计算机操作用户界面。图形用户界面是一种人与计算机通信的界面显示格式，允许用户使用鼠标等输入设备操纵屏幕上的图标或菜单选项，以选择命令、调用文件、启动程序或执行其它一些日常任务。
DOM: DOM Document Object Model，即文档对象模型，是W3C制定的标准接口规范，是一种处理HTML和XML文件的标准API。DOM提供了对整个文档的访问模型，将文档作为一个树形结构，树的每个结点表示了一个HTML标签或标签内的文本项。
