HTML5 部分不容易记忆的标签

原创 前段攻城狮 随笔 html5 345阅读 2017-03-04 19:22:18 举报

em 标签 font-style:italic;
strong 标签 font-weight:bolder; 表示一段重要文字
sub 标签(下标) vertical-align:sub;font-size:smaller;
sup 标签(上标) vertical-align:sup;font-size:smaller;
<br/>
wbr 标签 浏览器处理长单词分为几小截
abbr 标签 代表缩写 (无css表示,一般abbr 用title表示)
dfn 标签 定义术语 font-style:italic
q 标签 表示定义来自其他页面 q:before{content:open-quote} q:after{content:close-quote}
cite 标签 表示引用的作品的标题 cite{font-style:italic}
bdo 指定其内容中文字的方向
bdi 出于文字方向与其他内容隔离开来的文字
mark 标记某段文字 background-color:yellow;color:black;

ins del 表示文档中添加和删除的文字 ins {text-decoration:underline} del{text-decoration:line-through}

time 表示时间 datetime 属性,标志出来时间,在元素中便于阅读的形式设置日期或时间

b 标签 display:block html5不使用
i 标签 font-style:italic; html5不使用
s 标签 text-decoration:line-through; html5不使用
u 标签 text-decoration:underline; html5不使用
small 标签 font-size:smaller; html5不使用


blockquote 块引用 (大块)
hr html5语义就是部分 主题的改变

dl 表明为说明列表
dt 说明列表中的术语
dd 说明列表中的定义

figure 组织元素 与 插图 有关 figureCaption 插图的标题

hgroup 可以将几个标题元素作为一个整体处理 而且从 h1 和 h6 的标题体系中的位置 取决于其第一个标题子元素。

section 文档中的节点

header 也表示文档的节点

article 独立完整的组件

aside 模块的附注栏。。 元素内部的内容与周边内容稍粘一点边。。

address 联系的住址

details 展示详情
summary 展示详情的标题

评论 ( 1 )
最新评论
杜塞尔多夫 2017-03-09 15:58:42 1F

我一般都是忘了的时候都是去查表