在开始这篇文章之前，我想说一些感慨。今天我在看w3c school的html教程，才发现自己写的教程真是不堪入目，加上开新号以来，两篇文章仅没有一个阅读量（唯一的一个是我用大号刷了），心中沮丧。想不到现在简书对一个新人竟是如此的不友好了，才知道我的大号每篇文章即使不投稿都有阅读量是多么的不易。所以，小红依决定不在更新前端教程，建议大家直接去学习w3c school那上面真是比我讲得好太多。学习路线还是可以跟着小红依的思维导图走，希望大家学有所成
下面，小红依将开始写自己阅读w3c school的html部分，查缺补漏到的一些知识
1. <pre>预格式文本
在<pre>标签中书写的内容，将会原封不动的呈现在网页上（即空格空行都有效）
<pre>
哈哈哈哈
嘻嘻嘻嘻
呵呵呵呵
</pre>
可用于在网页中插入代码
2. <meta>元数据
<meta> 标签提供关于 HTML 文档的元数据。元数据不会显示在页面上，但是对于机器是可读的。
一些搜索引擎会利用 meta 元素的 name 和 content 属性来索引您的页面。
3. <!DOCTYPE>
它为浏览器提供一项声明，即html是用什么版本编写的，声明帮助浏览器正确的显示网页
<!DOCTYPE html>是html5的声明
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">是html4.01的声明
4. XHTML是对语法要求更严格的HTML
5.HTML5的默认字符编码是UTF-8
6. HTML5最有趣的新特性
- 新的语义元素，比如<header>、<footer>
- 新的表单控件，比如数字、日期
- 强大的图像支持，比如<canvas>、<svg>
- 强大的多媒体支持，比如<video>
- 强大的新的API,比如本地储存
7.SVG与Canvas的区别
- svg是一种使用XML描述2D图形的语言，canvas通过javascript来绘制2D图形
- 依赖分辨率，svg不依赖，canvas依赖
- 事件处理，svg支持，canvas不支持
- 渲染能力，svg>canvas
- 游戏应用，svg<canvas
- 保存为图像，canvas可以，svg不可以
8.HTML Web Worker
当在html页面中执行脚本时，页面是不可以响应的，知道脚本加载完成。
web worker是运行在后台的javascript，独立于其他脚本，不会影响页面性能。
网友评论