HTML5标签一

来源:互联网 发布:淘宝主板可靠吗 编辑:程序博客网 时间:2024/06/04 01:34
a支持的协议http、https、ftp和mailto
外部超链接:http:
使用相对URL: <base href>
生成内部超链接: #<id> (先查id,再查name)


target:
_blank //在新窗口或标签页中打开文档
_parent //在父窗框组中打开文档(frameset)
_self //在当前窗口中打开文档
_top //在顶层窗口中打开文档
<frame> //在指定窗框中打开文档

<b> // 标记文字 b {font-weight: bolder;}
<em> // 强调文字 em {font-style: italic;}
<s> // 表示文字不再正确
<strong> // 重要的文字 string {font-weight:bolder;}
<u> // 添加下划线 u{text-decoration:underline;}
<small> // small{font-size:smaller;}
<sub> // sub {vertical-align:sub;font-size:smaller;}
<sup> // sup {vertical-align:sup;font-size:smaller;}
<br> <wbr> // 换行
<code> // 计算机代码片段
<var> // 
<samp> // 程序或计算机系统的输出
<kbd> // 用户输入
<abbr> // 缩写 title:全称
<dfn> // 定义术语
<q> // 引用来自其他处的内容q{display:inline;} q:before {content:open-quote} q:after{content:close-quote} cite:来源
:before 
:after
<cite> // 表示所引用作品 cite{font-style:italic}
<ruby> // 表示一段包含注音符号的文字 rt用来标记注音符号 rp元素用来标记是否浏览器支持标记注音(支持不显示,不支持显示)
<ruby>人<rp>(</rp><rt>ren</rt><rp>)</rp></ruby>
<bdo> // 用来标记设置文字方向 必须有属性dir(rtl or ltr)
<bdi> // 用于显示内容的文字方向未知的情况
<span>
<mark> // 表示与某段上下文相关而被突出显示的一段文字 mark {background-color:yellow;color:black;}
<ins> // 文档中添加文字 ins{text-decoration:underline;}
<del> // 文档中删除文字 del{text-decoration:line-through;}
<time> // 用来表示时间和日期 <time datetime="1984-12-7">December 7th</time>
<p> // 表示段落 p {display:block; margin-before: 1em; margin-after: 1em; margin-start:0; margin-end:0;}
<div> // 将全局属性应用到一片内容上,但不表示任何其他内容分组 div{display:block;}
<pre> // 保留HTML文档中的布局pre{display:block; font-family:monospace;white-space:pre;margin:1em 0;}
<blockquote> // 表示引用它处的内容  属性cite blockquote{display:block;margin-before:1em;margin-after:1em;margin-start:40px;margin-end:40px}
<hr> // 表示段落级别的主题分割 hr{display:block; margin-before:0.5em; margin-after:0.5em; margin-start:auto; margin-end:auto; border-style:inset; border-width:1px} 
<ol><li> // 表示有序列表 属性start type ol{display:block; list-style-type:decimal; margin-before:1em; margin-after:1em; margin-start:0; margin-end:0; padding-start:40px}
<ul><li> // 表示无序列表 ul{display:block; list-style-type:disc; margin-before:1em; margin-after:1em; margin-start:0; margin-end:0; padding-start:40px}
<ol><li> // 不设置value属性  生成项目编号不连续的有序序列 li{display:list-item;}
<dl> // 表示说明列表 dl {display:block; margin-before:1em; margin-after:1em; margin-start:0; margin-end:0}
<dt> // 表示说明列表中的术语 dt {display:block}
<dd> // 表明说明列表中的定义 dd {display:block; margin-start: 40px}
<ul> :before counter
<figure> // 表示插图 figure {display:block; margin-before:1em; margin-after:1em; margin-start:40px; margin-end:40px}

<figcaption> // 表示插图的标题 figcaption {display:block}






1 0
原创粉丝点击