• HTML5学习手记(一)


    HTML学习手记

            HTML <!DOCTYPE>标签 :声明必须是HTML文档第一行,位于<html>标签之前

        注:<!DOCTYPE> 不是HTML标签,指示web浏览器关于页面使用哪个HTML版本进行编写的指令

         HTML 5 DOCTYPE声明方式<!DOCTYPE html>

      

    DTD 文档类型定义

    DTD可定义合法的XML文档构建模块,它使用一系列合法的元素来定义文档的结构

    在HTML中

    DTD规定了标记语言的规则,这样流浪器才能正确地呈现内容

    HTML的DTD中,使用XML定义html标签规范

    HTML5不基于SGML,所以不需要引入DTD

    HTML5 常用新增标签

    结构标签(块状元素)——有意义的div

    <article> 标记定义一篇文章

    <header> 标记定义一个页面或一个区域的头部

    <nav> 标记定义导航链接

    <section> 标记定义一个区域

    <aside> 标记定义页面内容部分的侧边栏

    <hgroup> 标记定义文件中一个区块的相关信息

    <figure> 标记定义一组媒体内容以及它们的标题

    <figcaption> 标记定义figure元素标题

    <footer> 标记定义一个页面或一个区域的地步

    <dialog> 标记定义一个对话框(回话框)类似微信

     多媒体标签

    <video> 标记定义一个视频

    <audio> 标记定义音频内容

    <source> 标记定义媒体资源

    <canvas> 定义图片/画布

    <embed> 标记定义外部的可交互的内容插件,比如flash

     标签意义:多媒体标签的出现意味着富媒体的发展以及支持不使用插件的情况下即可操作媒体文件,极大地提升了用户体验

    WEB应用标签

    状态标签

    <meter> 状态标签(实时显示:气压、气温)

    <progress> 状态标签 (任务过程 :安装、加载) 

    WEB应用标签

    列表标签

    <datalist> 为input标记定义一个下拉列表 配合option

    <details> 标记定义一个元素的详细内容,配合summary

    Menu(不建议使用,兼容性不好)

    <menu>

    <menuitem> 

    <command>

    注释标签

    <ruby> 标签定义注释或音标

    <rt>标记定义对ruby的注释内容文本

    <rp>告诉那些不支持ruby元素的浏览器如何去显示

    其他标签

    <mark> 标记定义有标记的文本(黄色选中状态)

    <output> 标记定义一些输出类型,计算表单结果配合oninput事件

    重定义标签

    <b>代表内联文本 粗体 没有传递重要的意思

    <i> 代表内联文本 斜体 没有传递重要的意思

    <dd> 可以同details与figure一起使用,包含文本 dialog也可用

    <dt> 可以同details与figure一起使用,包含文本 dialog也可用

    <hr> 表示主题介绍,而不是水平线虽然显示相同

    <small> 小字体 例如引入

    <strong> 表示重要性而不是强调符合

    删除的标签

    纯表现的元素 BaseFont gig center font s strike tt u

    对可用性产生负面影响的元素  frame frameset noframes 

    产生混淆的元素 acronym applet isindex dir

  • 相关阅读:
    codeforces 1349 A 思维
    codeforces 1358 D 尺区
    codeforces 1251D 二分+贪心
    codeforces 1260 D 二分
    codeforces 1167B 交互ez
    volatile
    计算多级集合/树/部门树的深度
    Java学习路线-知乎
    day06
    day01_虚拟机与主机之间ip配置
  • 原文地址:https://www.cnblogs.com/zry2510/p/7060243.html
Copyright © 2020-2023  润新知