HTML5元素
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元素。该元素包含期望让用户在访问页面时看的内容,包括文本,图像,视频,游戏,可播放的音轨或其他内容