网道HTML 教程学习笔记
,
1、 标签是一个行内元素,原意是用户从键盘输入的内容,现在扩展到各种输入,包括语音输入。
浏览器默认以等宽字体显示标签内容。
<p>Windows 可以按下 <kbd>Ctrlkbd> + <kbd>Shiftkbd> + <kbd>Delkbd> 重启。p>
可以嵌套,方便指定样式。
<p>
Windows 可以按下
<kbd>
<kbd>Ctrlkbd> + <kbd>Shiftkbd> + <kbd>Delkbd>
kbd>
重启。
p>
2、 标签是一个行内元素,表示计算机程序输出内容的一个例子。
浏览器默认以等宽字体显示。
<p>
如果使用没有定义的变量,浏览器会报错:
<samp>Uncaught ReferenceError: foo is not definedsamp>。
p>
是一个行内标签,表示突出显示的内容。
Chrome
浏览器默认会以亮黄色背景,显示该标签的内容。
除了标记感兴趣的文本, 还可以用于在搜索结果中,标记出匹配的关键词。
是一个行内标签,浏览器会将它包含的内容,以小一号的字号显示,不需要使用 CSS 样式。
它通常用于文章附带的版权信息或法律信息。
比如:
<p>文章正文p>
<p><small>以上内容使用创意共享许可证。small>p>
1、 是一个行内标签,为跟时间相关的内容提供机器可读的格式。
<p>运动会预定<time datetime="2015-06-10">下周三time>举行。p>
方便搜索引擎抓取,或者下一步的其他处理。
datetime
属性,用来指定机器可读的日期,可以有多种格式:
2011
2011-11
2011-11-18
11-18
2011-W47
14:54、14:54:39、14:54:39.929
2011-11-18T14:54:39.929
2、 标签与
类似,也是提供机器可读的内容,但是用于非时间的场合。
<p>本次马拉松比赛第一名是<data value="39">张三data>p>。
标签是一个块级元素,表示某人或某个组织的联系方式。
<p>作者的联系方式:p>
<address>
<p><a href="mailto:[email protected]">[email protected]a>p>
<p><a href="tel:+555-34762301">+555-34762301a>p>
address>
注意:
1、 不能嵌套
2、通常, 会放在
里面
<footer>
<address>
文章的相关问题请联系<a href='mailto:[email protected]'>张三
McClurea>。
address>
footer>
标签是一个行内元素,表示标签内容是一个缩写。
title
属性:给出缩写的完整形式,或者缩写的描述。<abbr title="HyperText Markup Language">HTMLabbr>
注意:某些浏览器可能对该标签提供圆点下划线。
,
标签:是一个行内元素,表示原始文档添加(insert)的内容。
与之类似,表示删除(delete)的内容。它们通常用于展示文档的删改。
浏览器默认为
标签的内容加上删除线,为 标签的内容加上下划线。
两个标签都有以下属性。
cite
:该属性的值是一个 URL,表示该网址可以解释本次删改。datetime
:表示删改发生的时间。比如:
<ins cite="./why.html" datetime="2018-05">
<p>项目比原定时间提前两周结束。p>
ins>
是一个行内元素,表示标签内容是一个术语(definition),本段或本句包含它的定义。
<p>
通过 TCP/IP 协议连接的全球性计算机网络,叫做 <dfn>Internetdfn>。
p>
如果术语本身是一个缩写,这时 和
可以结合使用。
<p>
<dfn>
<abbr title="acquired immune deficiency syndrome">AIDSabbr>
<dfn>
的全称是获得性免疫缺陷综合征。
p>
标签表示文字的语音注释,主要用于东亚文字,比如汉语拼音和日语的片假名。
它默认将语音注释,以小字体显示在文字的上方。
<ruby>
汉<rp>(rp><rt>hanrt><rp>)rp>
字<rp>(rp><rt>zirt><rp>)rp>
ruby>
效果如下:
标签是一个行内元素,也是一个容器标签。如果要使用语音注释,就必须把文字和注释都放在这个标签里面。
:一般用于放置圆括号,如果遇到不支持的浏览器,就会将语音注释显示在括号里面。
:用于放置语音注释。
:用于划分文字单位,与语音注释一一对应。
:表示一组文字,通常包含多个
元素。
:表示一组语音注释,跟
对应。<ruby>
<rb>汉rb><rb>字rb>
<rp>(rp>
<rt>hanrt>
<rt>zirt>
<rp>)rp>
ruby>
<ruby style="ruby-position: under;">
<rbc>
<rb>汉rb><rp>(rp><rt>hanrt><rp>)rp>
<rb>字rb><rp>(rp><rt>zirt><rp>)rp>
rbc>
<rtc style="ruby-position: over;">
<rp>(rp><rt>Chinesert><rp>)rp>
rtc>
ruby>
Chrome 浏览器目前不支持
,
,标签。
,
大部分文字的阅读方向是从左到右,但是有些文字的方向是从右到左,比如阿拉伯语、希伯来语等。
标签是一个行内元素,表示文字方向与网页主体内容的方向不一致。
例子:
<p>床前明月光,<bdo dir="rtl">霜上地是疑bdo>。p>
上面例子: 标签里面的文字,会以相反的方向渲染,结果就是:“床前明月光,疑是地上霜”。
的
dir
属性,指定具体的文字方向。它有两个值,ltr
表示从左到右,rtl
表示从右到左。
:用于不确定文字方向的情况。
:不确定文字的方向,由浏览器自己决定。<p><bdi>床前明月光,疑是地上霜。bdi>p>