1+X知识点(1)

69 阅读 0 评论 46 点赞

我是靠谱客的博主奋斗泥猴桃，最近开发中收集的这篇文章主要介绍1+X知识点(1)，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

一.块级元素,行级元素,可变元素

* a - 锚点
* abbr - 缩写
* acronym - 首字
* b - 粗体(不推荐)
* bdo - bidi override
* big - 大字体
* br - 换行
* cite - 引用
* code - 计算机代码(在引用源码的时候需要)
* dfn - 定义字段
* em - 强调
* font - 字体设定(不推荐)
* i - 斜体
* img - 图片
* input - 输入框
* kbd - 定义键盘文本
* label - 表格标签
* q - 短引用
* s - 中划线(不推荐)
* samp - 定义范例计算机代码
* select - 项目选择
* small - 小字体文本
* span - 常用内联容器，定义文本内区块
* strike - 中划线
* strong - 粗体强调
* sub - 下标
* sup - 上标
* textarea - 多行文本输入框
* tt - 电传文本
* u - 下划线
* var - 定义变量

块元素(block element)
* address - 地址
* blockquote - 块引用
* center - 举中对齐块
* dir - 目录列表
* div - 常用块级容易，也是css layout的主要标签
* dl - 定义列表
* fieldset - form控制组
* form - 交互表单
* h1 - 大标题
* h2 - 副标题
* h3 - 3级标题
* h4 - 4级标题
* h5 - 5级标题
* h6 - 6级标题
* hr - 水平分隔线
* isindex - input prompt
* menu - 菜单列表
* noframes - frames可选内容，（对于不支持frame的浏览器显示此区块内容
* noscript - ）可选脚本内容（对于不支持script的浏览器显示此内容）
* ol - 排序表单
* p - 段落
* pre - 格式化文本
* table - 表格
* ul - 非排序列表
可变元素
可变元素为根据上下文语境决定该元素为块元素或者内联元素。
* applet - java applet
* button - 按钮
* del - 删除文本
* iframe - inline frame
* ins - 插入的文本
* map - 图片区块(map)
* object - object对象
* script - 客户端脚本

二.html5新标签
header，footer，section，nav， aside， article 语义化标签
details， summary 详情和摘要
dialog
三.html5新特性
1.语义化标签

<header>web知识大全</header>
<nav>
    <a>html</a>
    <a>css</a>
    <a>javascript</a>
</nav>
<section>
    <h2>html4</h2>
    <p>html4是上一代web语言标准……</p>
</section>
<section>
    <h2>html5</h2>
    <p>html5是上最新web语言标准……</p>
</section>
<article>
    <h2>html5历史</h2>
    <p>html5是2014年推出的……</p>
    <!--figure表示插入的图像、图标、代码、照片等，去掉并不影响文档排版-->
    <figure>
        <img src="abc.jpg">
        <figcaption>html5发展历史图</figcaption>
    </figure>
</article>
<aside>
    <p>表示主内容区域之外的部分，如侧边栏</p>
</aside>
<footer>copyRight2019</footer>

section和article标签都是独立的分块标签，section跟随意，article表示单独的文字单元。

2.音频/视频
audio和video标签：是网页上播放的标准格式，之前通过插件（flash）来播放。

3.图形绘制功能
canvas标签：只是创建一个图形容器，需要用JavaScript脚本绘图。（游戏应用，渲染快）
svg标签：内联支持SVG，矢量图。（谷歌地图，不失真）

4.表单元素和属性
datalist
input属性：placehold、required、pattern（正则表达式）、autofocus（自动获取焦点）
input类型：url、email、number、color（调起设备颜色控件）、date（调起设备日历控件）、range、week(调起设备日历控件<含周>)

5.本地存储
localstorage、sessionstorage

6.web workers
新的多线程方式

7.websocket
较传统的ajax轮询，新的连接方式，一次连接，无需多次请求。

8.SSH
Server-Sent 事件指的是网页自动获取来自服务器的更新。
以前也可能做到这一点，前提是网页不得不询问是否有可用的更新。通过服务器发送事件，更新能够自动到达。

9.定位功能
navigator对象下的geolocation.getCurrentPosition(tarPos,err)方法，可获取用户当前位置。
使用：tarPos.coords.latetude,longetude……等详细信息。
失败：用户拒绝，获取失败，超时。

10.MathML对象
标签，用来书写数学公式。