本文是关于HTML的学习笔记，详细介绍了HTML文档的基本结构，包括doctype html、html、head和body标签的作用。同时，对流元素、短语元素、元数据元素、标题元素、分段元素、交互元素和嵌入元素进行了分类和解释，阐述了它们在文档中的使用规则和相互关系。此外，还提及了元数据元素如script标签的使用注意事项。
用户代理(user agent )：
用户代理的作用是查看和显示html文档的，常见的有浏览器， 在用浏览器调试工具时，经常能看到浏览器的默认样式（user agent stylesheet）, user agent在这就是指浏览器的意思。
html文档的基本结构：<一个完整的html文档，必须包含>
- <!doctype html>： 文档声明，标志这是一个html文档，代表文档的开头。
- html 标签： 表示html文档的开始， 所有内容必须放在html标签里面。
- head 标签：文档的头部信息，里面包含的是文档的元数据。【元数据，是对文档的描述和向浏览器提出的指示】
- title 标签：它是head的子标签，是文档的标题，浏览器一般将里面的文本显示在选项卡或标签页上。
- body 标签：是文档的内容，里面存放的内容是提供给用户浏览和展示的，就是我们平常浏览网页时看到的内容。
元素： 元素是文档的基本构成要素，它是文档的基本结构，其作用是像用户或浏览器等提供语文化的内容与资源。
元素的类型：
- 流元素
- 元数据元素
- 短语元素
- 标题元素
- 分节(段)元素
- 交互元素
- 嵌入元素
元素分类的标准：是确定一个元素的合法父元素或子元素。
一个元素可能有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类型
扫一扫
2921
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
