html知识点整合
HTML全称
HTML（HyperText Markup Language）超文本标记语言
HTML字符实体
空格 <小于号 >大于号 "双引号 ©版权 &打印&符号
块级元素
特点：
* 独占一行空间
* 默认宽度为100%
* 高度由子元素或内容决定
* 可以通过css指定其宽度
元素：html、body、div、p、h1~h6、ul->li、ol->li、dl->dd/dt、header、footer、nav、article、section、aside、address...
行内元素
特点：
* 与其他行内元素共享一行空间
* 宽高由自身决定
* 由于不用来搭建网页结构，所以也无需通过css指定其宽度
* 行内元素中不可以嵌套块元素
元素：span、a、strong、b、i、em、sub、sup...
img标签
alt属性用来设置图片不能显示时对图片的描述
title属性用来设置鼠标悬停时显示的内容
base标签
base标签就是专门用来统一指定当前页面中所有的a标签需要如何打开
注意点
1.base标签必须要写在head标签之间
2.如果既在base中指定了target又在a标签中指定了target，那么浏览器会按照a标签中指定的来执行
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<base target="_blank">
</head>
<body>
<a href="https://www.baidu.com" target="_self">百度</a>
<a href="https://www.baidu.com">百度</a>
</body>
h5新增标签
video视频标签
video标签的属性
src:告诉video标签需要播放的视频地址
autoplay:用于告诉video标签是否需要自动播放视频
controls:用于告诉video标签是否需要控制条
poster:用于告诉video标签视频没有播放之前显示的占位图片
loop:一般用于做广告视频，用于告诉video标签视频播放完毕之后是否需要循环播放
muted:静音
audio音频标签
audio标签的使用和video标签的使用基本一样。height/width/poster除外
语义化标签
header
<header>
是一种具有引导和导航作用的结构元素，通常用来放置整个页面或页面内的一个内容区块的标题，但也可以包含搜索表单或logo。
nav
<nav>
是一个可以用作页面导航的链接组，其中导航元素链接到其他页面或当前页面的其他部分。
article
<article>
代表文档，页面或应用程序中独立的，完整的，可以独自被外部引用的内容，也可以嵌套使用。可以是一篇博客或者报刊中的文章，一篇论坛帖子，一段用户评论或者独立的插件，或其他任和独立的内容。
section
<section>
作为Html文档独立的功能。
aside
<aside>
元素用来表示当前页面或文章的附属信息部分，它可以包含当前页面或主要内容相关的引用，侧边栏，广告，导航条，以及其他类型的有别于主要内容的部分。
footer
<footer>
元素作为其上层父级内容区块或是一个根区块的脚注。footer通常包括其相关区块的脚注信息，如作者，相关阅读连接以及版权信息等。与header类似，一个页面中也未限定footer元素的个数。
address
<address>
元素用来在文档中呈现联系信息，包括文档作者或文档维护者名字，他们的网站链接，电子邮箱，真实地址，电话号码，以及跟文档相关的联系人的所有联系信息。
figure& figcaption
figure元素是一种元素的组合，带有可选标题，figure元素用来表示网页上一块独立内容，将其从网页上移除后不会对网页上的其他内容产生任何影响，figure元素所表示的内容可以是图片，统计图或代码示例，也可以是音频插件，视频插件，统计表格等。figcaption元素表示figure元素的标题，它从属于figure元素，必须书写在figure元素内部。一个figure元素内最多只允许放置一个figcaption元素，但是允许放置多个其他元素。
多用于用作文档中插图的图像。
details
details元素是一种用于标识该元素内部的子元素可以被展开,收缩显示的元素。details元素内并不仅限于放置文字，也可以放置表单,插件或对于一个统计图提供的详细数据表格。
open属性
当该属性值为true时，该元素内部的子元素应该被展开显示；当该属性的值为false时，其内部的子元 素应该被收缩起来不显示。默认值为false
summary子元素
summary元素从属于details，用鼠标单击summary元素中的内容文字时，details元素中的其他所有从属元素将会展开或收缩。如果details元素内没有summary元素，浏览器会提供默认文字(详细信息)以供单击。
input属性
reset重置
hidden隐藏域
range滑块
datatime-local时间日期选择器
其他标签
progress进度条
想要点击文字让表单元素聚焦
1.label标签直接包裹表单元素
2.label for 属性 和 input id属性要一致 文字放在label中
input标签的所有属性
- text 明文输入框
- password 暗文输入框
- radio 单选按钮 将所有单选按钮设置同一个name
- checkbox 复选按钮
- button 普通按钮
- image 图片按钮
- reset 重置按钮
- submit 提交按钮
- hidden 隐藏域
- file 上传文件
H5新增
* range 滑块 max min value step
* email 邮箱 提交时候会对邮箱验证 11@11
* tel 电话 使用pattern 做正则校验
* url url做校验 https://11
* color 取色器
* date 日期选择器
* datatime-local 时间日期选择器
* number 数字表单元素 只允许输入一组数字