HTML需要掌握的知识点

1、HTML定义

它是一种标记语言，用于定义内容的结构。HTML由一系列元素组成，可以使用这些元素来包围或包装内容的不同部分，以使其以某种方式运行。

2、所有HTML标签汇总

标签汇总

1. 文字标签（p,h,span,ul,li,ol,em,strong,描述列表[dl,dt,dd],blockquote,sub,sup,code,pre,time）

2. a标签 定位（url，项目路径path、HTML中的文档片段）

3. 文档的基本组成标签（header，nav,main[article,section,div],aside,footer,br,hr）

3、HTML 全局属性

HTML 全局属性

4、为什么HTML需要结构化

没有元素给内容结构，所以浏览器不知道什么是标题，什么是段落。
用户在阅读网页时，往往会快速浏览以查找相关内容，经常只是阅读开头的标题。如果用户不能在几秒内看到一些有用的内容，他们很可能会感到沮丧并离开。
对您的网页建立索引的搜索引擎将标题的内容视为影响网页搜索排名的重要关键字。没有标题，您的网页在SEO（搜索引擎优化）方面效果不佳。
严重视力障碍者通常不会阅读网页；他们用听力来代替。完成这项工作的软件叫做屏幕阅读器（screen reader）。该软件提供了快速访问给定文本内容的方法。在使用的各种技术中，它们通过朗读标题来提供文档的概述，让用户能快速找到他们需要的信息。如果标题不可用，用户将被迫听到整个文档的大声朗读。
使用CSS样式化内容，或者使用JavaScript做一些有趣的事情，你需要包含相关内容的元素，所以CSS / JavaScript可以有效地定位它。

5、多媒体与嵌入

1. *图片（img[lat,title],figure,figcaption）
2. 视频音频（video[controls,autoplay,loop,poster,preload,track]，audio,）
3. 嵌入技术（iframe[allowfullscreen，]，iframe的安全隐患，embed，object[typee ,data]）
4. web矢量图形（位图和矢量图定义，SVG定义，）
5. 响应式图片（img[srcset和sizes],picture,source[media，srcset，img]）=>减少页面加载时间

6、HTML 表格

表格是由行和列组成的结构化数据集(表格数据)，它能够使你简捷迅速地查找某个表示不同类型数据之间的某种关系的值 。比如说，某个人和他的年龄，一天或是一周，当地游泳池的时间表 。

表格标签（table，tr，td，th[scope]，caption，thead，tfoot，tbody）