20160718 正式学习HTML标签(一)

第一天学习的HTML标签有

基础

<!--注释-->  注释标签 使用注释标签来隐藏浏览器不支持的脚本也是一个好习惯。

注释行结尾处的两条斜杠 (//) 是 JavaScript 注释符号。这可以避免 JavaScript 执行 --> 标签。

<!DOCTYPE html>  声明标签,位置在于<html>之上。是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。

<body>

HTML文档的主体

</body>

<br />  空标签,通常表示换行。

<h1>标题</h1>  标题标签,仅用于HTML标题。<h1>to<h6>区别在于字体大小。

<hr />  水平线标签,水平分隔线(horizontal rule)可以在视觉上将文档分隔成各个部分。

<html>

整个HTML文档

</html>

<p>段落标签</p>

<title>标题</title>  标题标签是 <head> 标签中唯一要求包含的东西。

 

格式

<abbr title=""></abbr>  缩写标签与<acronym>标签用法一样。区别在于HTML5支持使用<abbr>标签。

<acronym title=""></acronym>  缩写标签,HTML4.01支持使用。

<address></address>  联系信息标签,定义文档作者或拥有者的联系方式。

              不应该用于描述通讯地址,除非它是联系信息的一部分。

              通常连同其他信息被包含在 <footer> 元素中。

<b></b>  粗体标签,定义粗体文本。根据 HTML5 规范,在没有其他合适标签更合适时,才应该把 <b> 标签作为最后的选项。

       也能够使用 CSS "font-weight" 属性来设置粗体文本。

<bdi dir="rtl"></bdi>  文本方向标签,定义文本的文本方向,使其脱离周围文本的方向设置。HTML5 中的新标签。

              在发布用户评论或其他您无法完全控制的内容时,该标签很有用。

<bdo dir="ltr"></bdo>  文字方向标签,定义文字方向,可覆盖默认的文本方向。

<big></big>  大字标签,定义大号字体效果。

<blockquote></blockquote>  块引用标签,标签之间的所有文本都会从常规文本中分离出来,经常会在左、右两边进行缩进(增加外边距),而且有时会使用斜体。也就是说,块引用拥有它们自己的空间。

<cite></cite>  引用标签,可使用该标签对参考文献的引用进行定义,比如书籍或杂志的标题。

<code></code>  计算机源代码标签,如果只是希望使用等宽字体的效果,请使用 <tt> 标签。或者,如果想要在严格限制为等宽字体格式的文本中显示编程代码,请使用 <pre> 标签。

<del></del>  删除标签,定义被删除文本。

<dfn></dfn>  定义项目标签,可标记那些对特殊术语或短语的定义。该标签尽量少用为妙。

<em></em>  强调标签,一般用斜字体表示。

<i></i>  斜体标签,定义斜体文本。

<ins></ins>  插入标签,定义被插入文本。

<kbd></kbd>  键盘文本标签,经常用在于计算机相关的文档和手册中。

<mark></mark>  记号标签,该标签定义带有记号的文本。请在需要突出显示文本时使用 <m> 标签。

<meter value=""></meter>  度量标签,该标签定义已知范围或分数值内的标量测量。也被称为 gauge(尺度)。不应用于指示进度(在进度条中)。如果标记进度条,请使用 <progress> 标签。

<pre></pre>  预格式化标签,如果您希望使用 <pre> 标签来定义计算机源代码,比如 HTML 源代码,请使用符号实体来表示特殊字符,比如 "&lt;" 代表 "<","&gt;" 代表 ">","&amp;" 代表 "&"。

<progress value="" max=""></progress>  进程标签,请结合该标签与 JavaScript 一同使用,来显示任务的进度。

<q></q>  短引用标签,在本质上与 <blockquote> 是一样的。不同之处在于它们的显示和应用。<q> 标签用于简短的行内引用。

<rp></rp>  rp标签,在 ruby 注释中使用,以定义不支持 ruby 元素的浏览器所显示的内容。

<rt></rt>  rt标签,定义字符(中文注音或字符)的解释或发音。

<ruby></ruby>  ruby注释标签,由一个或多个字符(需要一个解释/发音)和一个提供该信息的 rt 标签组成,还包括可选的 rp 标签,定义当浏览器不支持 "ruby" 元素时显示的内容。

<samp></samp>  样本标签,该标签并不经常使用。只有在要从正常的上下文中将某些短字符序列提取出来,对它们加以强调的极少情况下,才使用这个标签。

<small></small>  小字标签,定义小号字体效果。

<strong></strong>  比<em>更强的强调标签,一般用加粗字体表示。

<sub></sub>  下标标签,无论是 <sub> 标签还是和它对应的 <sup> 标签,在数学等式、科学符号和化学公式中都非常有用。

<sup></sup>  上标标签,这个标签在向文档添加脚注以及表示方程式中的指数值时非常有用。如果和 <a> 标签结合起来使用,就可以创建出很好的超链接脚注。

<time></time>  时间标签,该标签能够以机器可读的方式对日期和时间进行编码,这样,举例说,用户代理能够把生日提醒或排定的事件添加到用户日程表中,搜索引擎也能够生成更智能的搜索结果。

<tt></tt>  打字机标签,定义打字机文本。

<var></var>  变量标签,这个标签经常与 <code> 和 <pre> 标签一起使用,用来显示计算机编程代码范例及类似方面的特定元素。

 <wbr>   Word Break Opportunity标签, 规定在文本中的何处适合添加换行符。如果单词太长,或者您担心浏览器会在错误的位置换行,那么您可以使用 <wbr> 标签来添加 Word Break Opportunity(单词换行时机)。

 

 

 

HTML5 规范声明:应该使用 <h1> - <h6> 来表示标题,使用 <em> 标签来表示强调的文本,应该使用 <strong> 标签来表示重要文本,应该使用 <mark> 标签来表示标注的/突出显示的文本。

posted on 2016-07-18 11:57  锘璃  阅读(130)  评论(0)    收藏  举报

导航