html学习
提要：围绕“前端要解决的基本问题”及“什么是 HTML ”两个基本问题展开。讲析前端最为基础的技术 - HTML 基础语法和基本功能，在实际研发过程中如何做到 HTML 语义化？ 下面了解HTML 高效的编写原则。总结自赵文博老师课程。
1. 前端工作的定义
- 解决GUI人机交互问题
- 跨终端（pc端、客户端和VR等）
- web技术栈
了解html（超文本标记语言） ：HTML 是 Web 页面的基础结构。它用于描述网页的内容和结构。HTML 使用一系列的标记来定义页面元素，如标题、段落、列表、图片和链接等。浏览器解析 HTML 代码，并根据标签的语义来显示页面内容。HTML 为网页提供了基本的骨架，使浏览器能够呈现文本、图像和其他媒体。
2. 前端技术栈拆解与分析
下图右侧展示前端基础语言各自的架构功能与应用区域。在服务器端和网页页面（工具：前端三件套）之间通过网络协议相连接。
3. HTML 元素和结构
知识点
- 嵌套元素
- 块级元素block
- 占据其⽗元素的整⾏，总是从新⾏上开始
- 能容纳其他块元素或者内联元素
- 可以控制宽⾼、⾏⾼、边距、边框等改变其尺寸
- 内联元素inline
- 只占据它对应标签的边框所包含的空间
- 只能容纳⽂本或其他内联元素
- 只能通过修改⽔平边距、边框或者行高的方式改变尺寸
- 空元素
分析时得出
以及一些图片、视频和音频的应用。
html结构
-
<!DOCTYPE html>放在HTML文档最前面，浏览器会按照W3C的HTML5标准来解析渲染页面 -
<html>根元素，包含整个页面的内容 -
<head>对用户不可见，其中包含例如面向搜索引擎的关键字、页面描述、字符编码声明、CSS样式等 -
<body>该元素包含能够被用户访问到的内容，包括文本、图像、视频、游戏、音频等
4. HTML 语义化
语义化标签
<time>、<adress>、<mark>、<code>、<small>
语义化是什么?
- HTML中的元素、属性及属性值都拥有某些含义
- 开发者应该遵循语义来编写HTML （有序列表用 ol;无序列表用 ul lang 属性表示内容所使用的语言）
思考谁在使用我们写的HTML
- 开发者- 修改、维护页面
- 浏览器- 展示页面
- 搜索引擎- 提取关键词、排序
- 屏幕阅读器-给盲人读页面内容
作用
- 便于阅读、可维护性高（可读性强）
- 让机器能够更好地解析
初学html，仍有很多不足，正在看MDN的前端资料学习ing，真的好多诶。
星辰大海，你我同行。
