• HTML5元素标记释义


    • HTML5元素标记释义

    标记 类型 意义 介绍
    文件标记
    <html> 根文件标记 让浏览器知道这是HTML 文件
    META标记
    <head> 开头 提供文件整体信息
    <title> 标题 定义文件标题,显示于浏览器顶端
    <base> o 基准标记 可将相对URL转绝对及指定链接
    <link> o 外部资源连接 必须带rel属性描述
    <meta> o 其它META数据 不能被title, base, link, style, 和script元素描述的META数据
    <style> 嵌入文档风格信息  
    部件标记
    <body> 文档主体开始 文档内容容器
    <section> 代表通用文档或应用部件  
    <nav> 导航链接 外部链接或文档内部链接
    <article> 页面模块 类似文章、摘要或留言POST等形式的记录
    <aside> 孤立模块 一般作为边栏广告、说明、引用、导航等,aside围堵部分一般与正文耦合较小
    <h1> 标题标记 此外还有h2, h3, h4, h5, h6
    <hgroup> 群组标题 用在一组h1-h6这样的元素集合时使用,用来区分主副标题??
    <header> 组说明或组导航 也可叫页头标题
    <footer> 页脚标题 作用范围跟最近部件元素有关
    <address> 地址或联系信息  
    分组内容标记      
    <p> 段落标记  
    <hr> o 水平分割线  
    <br> o 换行  
    <pre> 预格式化分本块  
    <blockquote> 块引用  
    <ol> 编号列表  
    <ul> 项目列表  
    <li> 列表项  
    <dl> 定义列表  
    <dt> 定义名称  
    <dd> 定义说明  
    <figure> 流内容区块说明 多结合figcaption使用
    <figcaption> figure内容属性  
    <div> 定位标记 无实际意义
           
    文本层次语义标记
    <a> 链接标记  
    <em> 强调标记  
    <strong> 加重标记  
    <small> 字体缩小  
    <cite> 斜体标记  
    <q> 引用标记内容 原文是phrasing content,暂不清楚如何翻译
    <dfn> 术语定义  
    <abbr> 缩略语  
    <time> 日期时间  
    <code> 程序代码  
    <var> 变量  
    <samp> 范例  
    <kbd> 键盘字  
    <sub><sups> 上标字/下标字  
    <i> 斜体标记  
    <b> 粗体标记  
    <mark> 标记或高亮  
    <ruby> 注解标记  
    <rt> ruby子元素 结合ruby使用,比如:<ruby>天<rt>Tian</rt>缘<rt>Yuan</rt></ruby>
    <rp> ruby子元素 一般做rt元素注释使用
    <bdo>    
    <span> 自定义标记  
    编辑标记
    <ins>    
    <del>    
    嵌入内容标记
    <img> 图片标记  
    <iframe> 框架标记  
    <embed> 嵌入标记  
    <object> 对象标记  
    <param> 参数标记  
    <video> 视频标记  
    <audio> 音频标记  
    <source> 来源标记  
    <canvas> 制图标记  
    <map> 地图标记  
    <area> 区域标记  
           
    表格标记
    <table> 表格标记 设定该表格的各项参数
    <caption> 表格标题 做成一打通列以填入表格标题
    <colgroup>    
    <col>    
    <tbody>    
    <thread>    
    <tfoot>    
    <tr> 表格列 设定该表格的列
    <td> 表格栏 设定该表格的栏
    <th> 表格标头 相等于<TD>,但其内文字字体会变粗
    表单标记
    <form> 表单标记 决定该表单的运作模式
    <fieldset>    
    <legend>    
    <input> 输入标记  
    <label>    
    <button> 按钮  
    <select> 选择标记  
    <datalist>    
    <optgroup>    
    <option> 选项  
    <textarea>    
    <keygen>    
    <output>    
    <progress>    
    <meter>    
           

    互动元素

    <details>    
    <summary>    
    <command>    
    <menu>    
    其他标记
    <script>    
    <noscript>    
           

    备注:

    1、● 表示该标记属于围堵标记,需要结束标记</标记>。

    2、o 表示该标记属空标记,不需要结束标记。

  • 相关阅读:
    《MySQL技术内幕》读书笔记
    CentOS裸机环境下安装php-7.3.1
    docker容器和本机互传文件
    一些数组操作函数记录
    window下强制删除文件
    根据一个镜像启动一个容器
    Nginx配置命令大全
    《Linux.Shell编程从入门到精通》读书笔记
    share drive 无效
    vi替换字符串
  • 原文地址:https://www.cnblogs.com/purple3now/p/8267895.html
Copyright © 2020-2023  润新知