html中的重点知识

在开始这篇文章之前,我想说一些感慨。今天我在看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,独立于其他脚本,不会影响页面性能。

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容