• HTML5 review


    标签:

    section:适用于独立结构内容,无结构关系(例如article,aside与其他标签可以组合形成具有特定结构关系的标签结构)。须具有标题(待考证).

    menu&nav:menu用于应用程序的菜单,而nav用于导航,体现在语义意义上。

    aside:附属信息,例如:引用,侧边栏,广告等等,区别于父元素主体内容的意义迥异的内容。

    time:pubdate:布尔类型,用于指明多个time标签中哪个time用于表示发布时间。

    header:表示某个内容块的标题(可以为复合标题,例如包括搜索表单,logo图片等)

    footer:父元素的脚注(作者,版权信息等)

    hgroup:标签组合

    pubdate:布尔类型

    HTML5及之前版本标签用法及语义学习:

    根标签:

    html:根元素,代表HTML文档的根节点。所有其它元素都是它的子节点。

    元标签(包含一些文本自身的信息):

    head:其中规定文档的标题,脚本样式的链接。

    title:文档的标题。

    base:定义相对URL的基准。

    link:链接外部样式表到html文档

    meta:定义其它元标签无法描述的元信息。(知识点小技巧较多,以后展开学习)

    stlye:内联样式表。

    脚本相关:

    script:链接外部脚本

    noscript:禁止脚本运行时显示的替代内容

    template(模板):允许包含加载页面时不渲染,之后通过JS实例化的内容。存储在页面中通过JS来操作的内容。(未使用过)

    章节:

    body:表示文档的内容

    section:表示一个区域(无结构信息,例如表示导航,侧边栏,正文等),在文档中框架中充当一定作用,而非一般容器div。一般包含一个heading。

    nav:导航

    article:相对独立的内容部分

    aside:侧边栏

    hN:文旦标题,描述部分内容的主题

    header:页面或部分内容头部,经常包含logo,标题,导航目录

    footer:页面或部分内容尾部,经常包含法律信息、版权、反馈信息等。

    address:为最近的article标签提供联系信息(作者信息),或者为body提供联系信息。不能 用于其他用途。

    main:定义文档主要的唯一内容。

    组织内容:

    p:段落

    hr:章节、文章中段落之间的分隔符。

    pre:已排版内容,提示浏览器保留内容原始格式。

    blockquote:引用其他的内容。

    ol:有序列表

    ul:无序列表

    li:列表项

    dl(defined list):定义列表

    dt(defined term):定义的名称。

    dd(defined description):定义的描述。

    figure:与文档有关的图例及其说明,可不包含figcaption,表示没有说明。

    figcaption:对figure中的图的描述文字

    div::通用容器,用于样式描述的需求将标签进行分组。

    文字形式:

    a:超链接

    em:强调,文字以斜体形式出现。

    strong:重点,文字以粗体形式出现,体现内容在上下文中的重要性。

    small:注释,用于法律申明等,文字以比正常文字小的字号出现。

    s:不准确或不相关的内容,内容呈现文本删除线或一条线穿过。

    cite:作品的引用,缩写或者名称。

    q:内联形式的简短引用。

    dfn:定义

    abbr:缩写,完整内容出现在其title属性中

    data:机器可读形式的内容

    time:表示日期和时间,其机器可读形式通过datetime形式表示

    code:代码

    var:代码变量

    samp:程序输出

    kdd:用户(键盘)输入,在浏览器中以等宽字体的内联元素显示。

    sub:下标

    sup:上标

    i:某种原因区别于普通文本的文本,以斜体显示。

    b:仅表示与普通文本有字体上的区别,无语义,表关键字等,以加粗形式显示。

    u:文字以下划线形式表示,如标记拼写错误文字。

    mark:表示内容在上下文中的关联。区别于strong。

    ruby:被ruby注释标记的文字

    rt:ruby注释

    rp:代表 ruby 注释两边的 额外插入文本 ,用于在不支持 ruby 注释显示的浏览器中提供友好的注释显示。

    bdi:不同于父元素文本方向的文字

    bdo:指定子元素文本方向。

    span:没有特殊含义的文本,语义元素不合适时使用该元素

    br:换行

    wbr:建议换行

    编辑:

    ins:增加到文档中的内容

    del:从正文中移出的内容。

    嵌入内容

    img:图片

    iframe:框架

    embed:应用程序

    object:

    param:object指定的插件的参数

    video:视频,提供用户界面

    audio:音频

    source:指定video或audio的媒体源

    track:指定video或audio的字幕或歌词

    canvas:位图区域

    map,area:共同定义图像映射区域

    svg:外链矢量图

    math:数学公式

    表格

    table:表

    caption:表的标题

    colgroup:列组

    col:列

    tbody:表格主体

    thead:表头

    tfoot:表尾

    tr:行

    td:表的正文单元格

    th:头部单元格

    表单:

    form:表单包含多个控件

    fieldset:控件组

    legend:fieldset的标题

    label:表单控件的标题

    input:文本框、单选框等控件,通过type选择

    button:按钮

    select:下拉框

    datalist:包含一组option,表示可选项

    optgroup:select中创建多个分组的选项

    textarea:多行文本框

    keygen:秘钥对生成器控件

    output:计算结果,输出

    progress:进度条

    meter:滑动块

    交互元素(待学习)

    details 

    summary

    menuitem

    menu

  • 相关阅读:
    一个简单的空间配置器
    【转】c++中placement new操作符
    类的operator new与operator delete的重载【转】
    STL中常用的c++语法
    java编程思想-多态
    java编程思想-复用类(2)
    java编程思想-复用类
    import与require的区别
    gulp插件
    gulp-gulpfile.js语法说明
  • 原文地址:https://www.cnblogs.com/stinwebfrontend/p/5240660.html
Copyright © 2020-2023  润新知