html5标签语义总结

(一)标记文字

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 对表单元素进行编组

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,079评论 19 139
  • 转载请声明 原文链接地址 关注公众号获取更多资讯 第一部分 HTML 第一章 职业规划和前景 职业方向规划定位...
    前端进阶之旅阅读 16,645评论 32 459
  • 学习HTML的最佳网站没有之一http://www.w3school.com.cn/html/ 关于HTML/HT...
    Amyyy_阅读 2,144评论 0 16
  • 大晚上家里不来电 热死了没法睡 带着妈妈小鱼儿跑来开房 还没到酒店小鱼儿就睡着了 最幸福的事莫过于静静...
    FAB小钟钟阅读 83评论 0 0
  • 又是一个半年过去,最近几年,时间仿佛过得特别的块,真的是眼睛一闭一睁,一年就过去了。翻看年初定的计划,发现,年初的...
    青木香泽阅读 142评论 0 0