zoukankan      html  css  js  c++  java
  • 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标签

      


  • 相关阅读:
    bt5设置IP
    flyCoding
    [Cocoa][译]苹果 Cocoa 编码规范中文版
    [BZOJ4569] [Scoi2016]萌萌哒
    BZOJ4899]记忆的轮廓
    [BZOJ1701] [Usaco2007 Jan]Cow School牛学校
    [Poi2011]Lightning Conductor
    [BZOJ4709] [Jsoi2011] 柠檬
    决策单调性优化dp 专题练习
    2369. 区间
  • 原文地址:https://www.cnblogs.com/jasmine-95/p/5008478.html
Copyright © 2011-2022 走看看