【HTML】积累与发现

标签

video

浏览器对HTML5中track标签中src属性路径vtt文件错误，Unsafe attempt to load URL vtt

Script标签

script标签常用的几个type属性

template

<template>：内容模板元素

img

响应式图片srcset未生效
不同浏览器里策略不同，例如

<img srcset="imgs/elva-480w-close-portrait.jpg 480w, imgs/elva-800w.jpg 800w"
                sizes="(max-width: 600px) 480px, 800px" src="imgs/elva-800w.jpg" alt="Chris standing up holding his daughter Elva">

例如上述写法里，edge浏览器就会默认使用最大的图片，而firefox浏览器就会按照上述规则使用对应的图片

HTML

Sublime快速生成html快捷方式（平时较常用）

---

如果路径dir/link.html里有标签<a href="test.html">link</a>，那么这个链接访问的是dir/test.html，即同级访问

---

页面a\b.html发送表单<form action="login" method="post"></form>的意思是向a\login发送表单

表单

下面代码里，如果选择了2，那么提交的时候是select=2，如果选择了3，那么提交的时候是select=c

<form>
    <select name="select" multiple="multiple">
        <option value="a">1</option>
        <option>2</option>
        <option value="c">3</option>
    </select>
    <input type="submit">
</form>

<input type='text' value=1>的value是打开页面的时候输入框里的默认值
html form 无法指定 content-type 为 application/json

属性

ARIA
WAI-ARIA无障碍网页应用属性完全展示
HTML5中的aria与role
例如<a href="#" class="btn btn-primary" role="button">选中</a>，使用了bootstrap4的样式，这里的role代表着，虽然他是一个a，但其担任的功能是一个button

---

内联与块

html中内联元素和块级元素的区别

内联元素没有宽度