small重新定义
1 .之前的small用来创建靠近logo且相关的副标题
2 .现在的small用来定义小字了，比如网站底部的版权状态
3 .扫了一圈发现都没有网站用这个，都是span里面包的a标签。因为大多需要导航到别的网站
image.png
4 .可以看到就是font-size这里有了特殊的默认属性
脚本和链接没有必要写type了
1 .原来
<link rel="stylesheet" href="path/to/stylesheet.css" type="text/css" />
<script type="text/javascript" src="path/to/script.js"></script>
2 .现在
<style href=""></style>
<script src=""></script>
属性里面的引号
1 .现在可以不写引号，但是现在这些已经算是底层了，已经都交给框架处理了
2 .
内容可以编辑
1 .标签添加conteditable之后，允许用户编辑元素内容包含的任何文本，也包括子元素。
2 .比如简单的添加一个todolist。实际其他更加复杂的场景需要有待开发。而且框架场景下，这个似乎不适用，有冲突.我需要编辑之后的元数据，现在拿不到
mark元素
1 .搜索一个关键字，界面上的全部元素自己mark包起来
2 .chrome自己实现的搜索似乎没用这个标签，而是一种更加底层的数据
使用div的情况
1 .当没有更好元素的时候在使用
自定义属性
1 .data-
2 .只要是data-开头的元素都是自定义属性
3 .但是现在关于元素属性都是保存在数据里面，似乎没有绑定在这个上面的操作，因为需要set和get，有点和框架相背离
4 .
页面的基本元素
1 .<!DOCTYPE html> 文档类型，一开始DOCTYPE用来链接一些HTML编写规则，比如自动查错之类的。现在而言DOCTYPE作用非常有限，仅仅用于保障文档的正常读取
2 .<html>包含整个页面的内容，也叫做根元素
3 .<head></head> head元素，该元素的内容对用户不可见，其中包含例如面向搜索引擎的搜索关键字keywords，页面描述，css样式表和字符编码声明
4 .<meta charset='utf-8'>该元素指定文档使用utf-8字符编码，utf-8包括绝大多数已知语言的字符。基本上utf-8可以处理任何文本内容，还可以避免以后出现的某些问题，没有理由选择其他编码
5 .<title></title>title元素。该元素设置页面的标题，显示在浏览器标签页上，也作为收藏网页的描述文字
6 .<body>body元素。该元素包含期望让用户在访问页面时看的内容，包括文本，图像，视频，游戏，可播放的音轨或其他内容
网友评论