html学习笔记

用户代理(user agent )：
用户代理的作用是查看和显示html文档的，常见的有浏览器， 在用浏览器调试工具时，经常能看到浏览器的默认样式（user agent stylesheet）, user agent在这就是指浏览器的意思。

html文档的基本结构：<一个完整的html文档，必须包含>

1. <!doctype html>： 文档声明，标志这是一个html文档，代表文档的开头。
2. html 标签： 表示html文档的开始， 所有内容必须放在html标签里面。
3. head 标签：文档的头部信息，里面包含的是文档的元数据。【元数据，是对文档的描述和向浏览器提出的指示】
4. title 标签：它是head的子标签，是文档的标题，浏览器一般将里面的文本显示在选项卡或标签页上。
5. body 标签：是文档的内容，里面存放的内容是提供给用户浏览和展示的，就是我们平常浏览网页时看到的内容。

---

元素： 元素是文档的基本构成要素，它是文档的基本结构，其作用是像用户或浏览器等提供语文化的内容与资源。
元素的类型：

1. 流元素
2. 元数据元素
3. 短语元素
4. 标题元素
5. 分节(段)元素
6. 交互元素
7. 嵌入元素

元素分类的标准：是确定一个元素的合法父元素或子元素。
一个元素可能有0个或多个分类。
比如： li 、param… 它们是受限元素，li的父级只能是ol ul; param 父级只能是object
文档元素不属性划分的范围。
详情可以浏览这个地址

一、流元素

它基本包含所有类型的元素, 是短语元素、标题元素、分节元素、交互元素、元数据元素（title、base）除外的超集。

流元素可以包含所有流元素(超集); p元素除外，p元素只能包含短语元素。

二、短语元素

短语元素是文档的最基本的成分，它的作用是用于行内显示，常用来包含文本等。

短语元素的内容不能包含非短语元素的流元素。

三、元数据元素

元数据元素是用来描述文档信息、向浏览器发出指示或设置其它文档与文档之间的关系、或是设置其余内容的表现形式或行为。

元素	说明
base	于规定相对链接的前置路径，a元素的target
title	文档的标题
meta	提供描述信息或对浏览器发出指示
link	设置文档与其他文档之间的关系 ，比如加载css、文档图标
script	设置元素的行为
noscript	当脚本被禁用或不支持时，提供提示信息
style	设置元素的表现形式，即样式
template	申明文档片段，可用脚本插入到文档中

元数据元素不能包含任何其他元素。
script标签，当有src属性时，不能包含任何内容。

四、标题元素

设置分节的标题或对h1-h6进行分组。

元素	说明
h1~h6	某段、文章、等的标题
hgroup	对h1~h6进行分组

标题元素只能包含短语元素
hgroup的子元素只能是h1-h6

五、分段元素

用于对内容进行分节，划分区域，每个分段都可能有标题与内容。

元素	说明
nav	可以链接到其他页面或跳转到文档指定位置的导航
aside	与主体内容无关的内容，通常用做侧边栏
atrice	表示文档中的一个独立部分，可以单独做为一个整体; 如：文章、评论、新闻等
section	将文档的内容进行分组，划分区块

流元素，可以包含任何流元素。

六、交互元素

与用户进行交互的元素

元素	说明
a	有href属性的情况下
audio	有controls属性的情况下
video	有controls属性的情况下
button
details
embed
iframe
img	如果usemap属性存在，通常与map元素一起使用
input	type属性不是hidden的情况下
label	与表单元素一起使用
select
textarea

七、嵌入元素

• 将外部资源导入到文档中或者是插入另一个词汇表中的内容。

元素	说明
img	载入图片资源
audio	载入音频
video	载入视频
canvas	画布
svg	矢量图片
embed	用来嵌入外部应用程序或插件
object	用于载入外部资源，可以是图像、插件等，子元素param
iframe	用于嵌入其他html文档
math	嵌入数学公式
picturs	子元素：source、img; 根据用户设备像素密度、视口

source 有三个局部属性：
srcset : 资源路径
media: 媒体条件
type: 文件的MIME类型