HTML标签的改变
/*这些都是前端面试中经常考到的内容,必须要掌握的*/
一、新的文档类型声明(DTD)
1、HTML5的DTD声明为:<!doctype html>或者<!DOCTYPE html>,此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。(重点:告诉浏览器按照何种规范解析页面)。
2、DTD:为浏览器声明一种渲染方式而使用的
3、在编写HTML文档时,要求指定文档类型,以确保浏览器能在HTML5的标准模式下进行渲染。文档声明写在整个HTML页面的开始。
二、新增的HTML5标签
1、结构标签(块状元素):是用来布局的标签
<article> | 标记定义一篇文章 |
<header> | 标记定义一个页面或一个区域的头部 |
<nav> | 标记定义导航链接 |
<section> | 标记定义区域 |
<aside> | 标记定义页面内容部分的侧边栏 |
<hgroup> | 标记定义文件中一个区域的相关信息 |
<figure> | 标记定义一组媒体内容以及他们的标题 |
<figcaption> | 标记定义figure元素的标题 |
<footer> | 标记定义一个页面或一个区域的底部 |
<dialog> | 标记定义一个对话框(会话框),类似微信 |
2、多媒体标签:使媒体的支持不在需要插件
<video> | 标记定义一个视频 |
<audio> | 标记定义音频内容 |
<suorce> | 标记定义媒体资源 |
<canvas> | 标记定义图片(用来直接在浏览器画图的) |
<embed> | 标记定义外部的可交互的内容或插件(如flash) |
3、Web应用标签
<menu> | 命令列表 |
<menuitem> | menu命令列表标签FF(嵌入系统) |
<command> | menu标记定义一个命令 |
<meter> | 状态标签(实时状态显示:气压、气温)C、O |
<progress> | 状态标签(任务过程:安装、加载)C、F、O |
<datalist> | 为input标记定义一个下拉列表,配合option F、O |
<details> | 标记定义一个元素的详细内容,配合dt、dd、C |
4、注释标签
*成套使用
<ruby>:标记定义注释或音标
<rp>:告诉那些不支持ruby元素的浏览器如何去显示
<rt>:标记定义对ruby的注释内容文件
5、其他标签
<keygen>:标记定义表单里一个生成的键值(如密信息传送)O、F
<mark>:标记定义有标记的文本(黄色选中状态)
<output>:标记定义一些输出类型,计算表单结果配合oninput事件
<time>:标记定义一个日期/时间。目前所有主流浏览器都不支持
三、删除的HTML标签
1、纯表现的元素:
basefont、big、、center、font、s、strike、tt、u
2、对可用性产生负面影响的元素:
frame、frameset、noframe
3、产生混淆的元素:
acronym、applet、isindex、dir
四、重新定义的HTML标签