美文网首页
html5标签语义总结

html5标签语义总结

作者: 程序媛Moon | 来源:发表于2017-08-22 16:22 被阅读0次

(一)标记文字

1、用基本的文字元素标记内容

<b></b> 表示关键字和产品名称

<em></em>表示加以强调

<i></i>表示外文词语或科技术语

<s></s>表示不准确或校正

<strong></strong>表示重要的文字

<v></v>为文字添加下划线

<small></small>添加小号字体内容

<sub></sub><sup></sup>添加上标和下标

2、安全换行建议 <wbr>

3、使用标题引用、引文、定义和缩写

<abbr></abbr>表示缩写

<dfn></dfn>定义术语

<q></q>引用来自他处的内容

<cite></cite>引用其他作品的标题

4、使用语言元素

5、其他文本元素

<span></span>表示一段一般性内容

<mark></mark>突出显示的文本

<ins></ins><del></del>表示添加和删除的内容

<time></time>表示时间和日期

6、组织内容

<pre></pre> 使用预先编排好格式的内容

<blockquote></blockquote>引用他处内容

<hr></hr>添加主题分隔

<figure></figure>使用插图

7、文档分节

h1-h6 添加基本标题

<hgroup> 隐藏子标题

<section><section> 生成节

<nav></nav>添加导航区域

<aside><aside>生成附注栏

8、表格元素

<th></th>添加表头单元格

colspn rowspn 制作不规则单元格

caption 为表格添加标题

colgroup col处理列

9、表单元素

autocomplete 控制表单的自动完成功能

target 指定表单反馈信息的目标显示位置

label 表单中添加说明标签

autofocus 自动聚焦到某个表单元素

fieldset 对表单元素进行编组

后续不断完善中。。。。。

相关文章

  • HTML5标签语义化

    理解HTML5语义化:HTML5的语义化指的是用正确的标签包含正确的内容,标签语义化的好处就是结构良好,便于阅读,...

  • HTML5详解

    01-HTML5新增语义化标签 HTML5语义化标签的兼容 HTML5新增表单控件和表单属性 HTML5表单验证反...

  • web前端网站收藏

    更新于 2016-09-02 API 速查 HTML5标签 HTML5 标签的语义,帮助我们写出语义化的HTML ...

  • H5新增语义化标签

    HTML5 新增标签 什么是语义化 新增了那些语义化标签header --- 头部标签nav ...

  • 2018-07-30

    HTML5知识点总结 一.新增语义化标签 头标签 导航 文章 文档中的节 脚注 底部 侧边栏 二.其他标签 标...

  • HTML5十大新特性

    1.语义化标签 对比之前HTML没有体现结构语义化的标签,如: //表头的声明 HTML5提供语义化标签,如: 等...

  • template标签

    参考文章:HTML5