美文网首页
HTML常用标签及对语义化的理解

HTML常用标签及对语义化的理解

作者: jackie季 | 来源:发表于2018-07-21 11:17 被阅读0次

    关于HTML语义化:

    它指明了一段代码的含义,运行这段代码会有什么影响,这个HTML元素有什么作用,扮演了什么角色,使用语义化标签的好处有两点:一是有利于SEO和搜索引擎建立良好沟通,有助于爬虫抓取更多的信息;二是便于团队开发维护,可读性较高;

    按功能划分:

    基础 描述
    <!DOCTYPE> 定义文档类型。
    <html> 定义一个 HTML 文档
    <title> 为文档定义一个标题
    <body> 定义文档的主体
    <h1> to <h6> 定义 HTML 标题
    <p> 定义一个段落
    < br > 定义简单的折行。
    < hr > 定义水平线。
    < !--...-- > 定义一个注释
    格式 描述
    <b> 定义粗体文本。
    <i> 定义斜体文本。
    <u> 定义下划线文本。
    <strong> 定义语气更为强烈的强调文本。
    表单 描述
    <form> 定义一个 HTML 表单,用于用户输入。
    <input> 定义一个输入控件
    <textarea> 定义多行的文本输入控件。
    <button> 定义按钮。
    <select> 定义选择列表(下拉列表)。
    <optgroup> 定义选择列表中相关选项的组合。
    <option> 定义选择列表中的选项。
    <label> 定义 input 元素的标注。
    <fieldset> 定义围绕表单中元素的边框。
    <legend> 定义 fieldset 元素的标题。
    <datalist> 规定了 input 元素可能的选项列表。
    <keygen> 规定用于表单的密钥对生成器字段。
    框架 描述
    <frame> HTML5不再支持。 定义框架集的窗口或框架。
    <iframe> 定义内联框架。
    图像 描述
    <img> 定义图像。
    <area> 定义图像地图内部的区域。
    <canvas> 通过脚本(通常是 JavaScript)来绘制图形(比如图表和其他图像)。
    音频视频 描述
    <audio> 定义声音,比如音乐或其他音频流。
    <source> 定义media元素 (<video> 和 <audio>)的媒体资源。media
    <track> 为媒体(<video> 和 <audio>)元素定义外部文本轨道。
    <video> 定义一个音频或者视频
    链接 描述
    <a> 定义一个链接
    <link> 定义文档与外部资源的关系。
    <nav>New 定义导航链接
    列表 描述
    <ul> 定义一个无序列表
    <ol> 定义一个有序列表
    <li> 定义一个列表项
    <dir> HTML5不再支持。 HTML 4.01 已废弃。 定义目录列表。
    <dl> 定义一个定义列表
    <dt> 定义一个定义定义列表中的项目。
    <dd> 定义定义列表中项目的描述。
    表格 描述
    <table> 定义一个表格
    <caption> 定义表格标题。
    <th> 定义表格中的表头单元格。
    <tr> 定义表格中的行。
    <td> 定义表格中的单元。
    <thead> 定义表格中的表头内容。
    <tbody> 定义表格中的主体内容。
    <tfoot> 定义表格中的表注内容(脚注)。
    <col> 定义表格中一个或多个列的属性值。
    <colgroup> 定义表格中供格式化的列组。
    样式 描述
    <style> 定义文档的样式信息。
    <div> 定义文档中的节。
    <span> 定义文档中的节。
    <header> 定义一个文档头部部分
    <footer> 定义一个文档底部
    <section> 定义了文档的某个区域
    <article> 定义一个文章内容
    <aside> 定义其所处内容之外的内容。
    <details> 定义了用户可见的或者隐藏的需求的补充细节。
    <dialog> 定义一个对话框或者窗口
    <summary> 定义一个可见的标题。 当用户点击标题时会显示出详细信息。
    元信息 描述
    <head> 定义关于文档的信息
    <meta> 定义关于 HTML 文档的元信息。
    <base> 定义页面中所有链接的默认地址或默认目标。
    程序 描述
    <script> 定义客户端脚本。
    <noscript> 定义针对不支持客户端脚本的用户的替代内容。
    <embed> 定义了一个容器,用来嵌入外部应用或者互动程序(插件)。

    相关文章

      网友评论

          本文标题:HTML常用标签及对语义化的理解

          本文链接:https://www.haomeiwen.com/subject/qdqhmftx.html