2021-05-24

HTML基础知识

html5 新增标签

新增语意化标签 <header>页眉< footer>页脚< main>内容；

新增属性 placeholder 

新增api（数据接口、操作）用于 七天免登录；

面试常考的十五个标签：

1. section 内容区和div一样，建议在移动端使用
2. header 标题 页眉
3. nav 导航链接部分 子级元素可以接 li/a
4. article 表示与上下文无关的内容
5. aside 在article之内的，与其相关的辅助信息
6. footer 底部版权信息
7. figure 新增自定义列表
8. figcaption 解释
9. main 页面中的主要内容
10. haroup 标题组
11. mark 高亮 低版本也能使用
12. dialog 定义对话窗口；需要与opan连在一起使用，打开对话窗口
13. canvas 画布 用于图像的绘制
14. video / audeo 音频 /视频

• 音频标签{audio/video src="当前音频/视频 导入路径"；为了浏览器加载更快，浏览器默认禁止播放
• controls 音视频出现 ，可选择播放
• autoplay 自动播放
• muted 静音
• poster 只有视频能使，表示加载的时候展示的面

 source  引入资源 ; src 接路径；工作中可使用source引入资源；

---

智能表单

email 邮件  必须和submi一起连用 ，否则不能提交；

nubmer 数字 ；

vange 滑块；

url网址；

search 搜索框；

color  颜色；

time 时间 时间/时分

date 年月日；

mooth 年月；

week 周；

datetime-local 本地时间；

required 必填选项；

url  不是url地址格式，不允许提交；

min最小值/  max最大值 step 步幅/间隔

滑块默认最小0 ；最大100；

autofocus自动聚焦；

autocomplete 历史记录 提交之后才能记录 属性值off/on 关闭/打开 打开之后需提交才能记录历史；后接name

navalidate 取消验证

multiple 一次可输入多个值，上传文件

正则表达式 （需理解）pattern 【1-9】【0-9】{4，10}验证

^以什么开始，$以什么结束；

datalist 选项列表 option 元素永远要设置；

output 计算输出  

input::webkit-input-placeholder 使用placeholder