此文章是看 mdn 文档写的笔记
· 语义
声明使用
<!DOCTYPE html>
声明字符集
<meta charset="UTF-8">
区块和段落元素(6+1个)：
section, article, nav, header, footer, aside, hgroup(已被w3c废除)
音视频
audio, vido
表单改进
1. 表单验证
input属性
:valid&:invalid
符合&不符合表单校验规则的样式required
是否为必填pattern
校验正则minlength,maxlength,min,max[type=email|number|url|range|search|color|date|month|week|time|datetime(not work in my test demo)|datetime-loca|search]placeholder,autofocus... ...- 点此查看更详细的属性
- 此外，js 还提供了H5用于校验约束的 API，但是个人感觉，如果用了这些 API，不如直接用 js 写校验规则，这样更加的方便且兼容性更好。
output
新的语义元素
mark标记，与用户行为有关。figure图表一类的东西。figcaptionfigure的描述说明。
<figure> <img src='a.png'> <figcaption>图1</figcaption> </figure>data将内容和机器可读的翻译联系在一起
<data value="goods1">商品1</data>time具有一定格式的时间progress进度条
<progress value="90" max="100"></progress>meter仪表，类似于内存占用指示条，当大于90的时候为报警阈值
<meter value="95" max="100" min="0" high="90" low="0" optimum="30" ></meter>main当前页面的主体部分
iframe 改进
由于
iframe在日常开发中被禁止使用，所以此处略过
-
article和section的区别：
article
- 一般为页面的可复用结构
- 可嵌套，嵌套时父子
article一般会有相关性，例如评论- 不嵌套时元素的作者信息可通过
<address>提供。
section
- 后者为页面的一个区域
- 一个
section应该出现在文档大纲中- 不能作为
address元素的节点
-
strong和mark的区别
strong是语法高亮，为了强调，而mark是与用户的某种行为有关系的标签，例如搜索的关键词。
-
figure和figcaption
figure->figcaption:（表格|图片|代码段）-> （对应的介绍说明）
网友评论