从基础复习前端html--1.html标签上

时间 2019-12-17

标签基础复习前端 html 1.html 标签栏目 HTML 繁體版

原文原文链接

1.标签，定义注释。css

注释标签用于在源代码中插入注释。注释不会显示在浏览器中。html

您可以使用注释对您的代码进行解释，这样作有助于您在之后的时间对代码的编辑。当您编写了大量代码时尤为有用。html5

使用注释标签来隐藏浏览器不支持的脚本也是一个好习惯（这样就不会把脚本显示为纯文本）web

2.<!DOCTYPE>标签，定义文档类型。canvas

<!DOCTYPE> 声明必须是 HTML 文档的第一行，位于 <html> 标签以前。浏览器

<!DOCTYPE> 声明不是 HTML 标签；它是指示 web 浏览器关于页面使用哪一个 HTML 版本进行编写的指令。服务器

在 HTML 4.01 中，<!DOCTYPE> 声明引用 DTD，由于 HTML 4.01 基于 SGML。DTD 规定了标记语言的规则，这样浏览器才能正确地呈现内容。ide

HTML5 不基于 SGML，因此不须要引用 DTD。工具

提示：请始终向 HTML 文档添加 <!DOCTYPE> 声明，这样浏览器才能获知文档类型。oop

3.<a>标签，定义锚。

<a> 标签订义超连接，用于从一张页面连接到另外一张页面。

<a> 元素最重要的属性是 href 属性，它指示连接的目标。

在全部浏览器中，连接的默认外观是：

未被访问的连接带有下划线并且是蓝色的
已被访问的连接带有下划线并且是紫色的
活动连接带有下划线并且是红色的

提示：您可能已经注意到了，W3School 站点内的连接外观与默认的连接外观很是不一样。您可使用 CSS 伪类向文本超连接添加复杂而多样的样式。

查看详情

4.<abbr>标签，定义缩写。

<abbr> 标签指示简称或缩写，好比 "WWW" 或 "NATO"。

经过对缩写进行标记，您可以为浏览器、拼写检查和搜索引擎提供有用的信息。

<abbr> 标签最初是在 HTML 4.0 中引入的，表示它所包含的文本是一个更长的单词或短语的缩写形式。

提示：能够在<abbr>标签中使用全局的title属性，这样就可以在鼠标指针移动到<abbr>元素上时显示出简称/缩写的完整版本。

代码：The <abbr title="People's Republic of China">PRC</abbr> was founded in 1949.

5.<article>标签，定义文章（H5标签）。

<article> 标签规定独立的自包含内容。

一篇文章应有其自身的意义，应该有可能独立于站点的其他部分对其进行分发。

注释：Internet Explorer 8 以及更早的版本不支持 <article> 标签。

6.<aside>标签，定义页面内容以外的内容（H5标签）。

<aside> 标签订义其所处内容以外的内容。

aside 的内容应该与附近的内容相关。

提示：<aside> 的内容可用做文章的侧栏。

注释：Internet Explorer 8 以及更早的版本不支持 <aside> 标签。

7.<audio>标签，定义音频内容（H5标签）。

<audio> 标签订义声音，好比音乐或其余音频流。

注释：Internet Explorer 8 以及更早的版本不支持 <audio> 标签。

代码：<audio src="someaudio.wav">您的浏览器不支持 audio 标签。</audio>

HTML5 中的新属性。

属性	值	描述
autoplay	autoplay	若是出现该属性，则音频在就绪后立刻播放。
controls	controls	若是出现该属性，则向用户显示控件，好比播放按钮。
loop	loop	若是出现该属性，则每当音频结束时从新开始播放。
muted	muted	规定视频输出应该被静音。
preload	preload	若是出现该属性，则音频在页面加载时进行加载，并预备播放。若是使用 "autoplay"，则忽略该属性。
src	url	要播放的音频的 URL。

8.<b>标签，定义粗体字。

注释：根据 HTML5 规范，在没有其余合适标签更合适时，才应该把 <b> 标签做为最后的选项。HTML5 规范声明：应该使用 <h1> - <h6> 来表示标题，使用 <em> 标签来表示强调的文本，应该使用 <strong> 标签来表示重要文本，应该使用 <mark> 标签来表示标注的/突出显示的文本。

提示：您也可以使用 CSS "font-weight" 属性来设置粗体文本。

9.<big>标签，定义大号字体效果。

使用 <big> 标签能够很容易地放大字体。这简直不能再简单了：浏览器显示包含在 <big> 标签和其相应的 </big> 标签之间的文字时，其字体比周围的文字要大一号。可是，若是文字已是最大号字体，这个 <big> 标签将不起任何做用。

更妙的是，能够嵌套 <big> 标签来放大文本。每个 <big> 标签均可以使字体大一号，直到上限 7 号文本，正如字体模型所定义的那样。

可是使用 <big> 标签的时候仍是要当心，由于浏览器老是很宽大地试图去理解各类标签，对于那些不支持 <big> 标签的浏览器来讲，它常常将其认为是粗体字标签。

10.<small>标签，定义小号字体效果。

<small> 标签和它所对应的 <big> 标签同样，但它是缩小字体而不是放大。若是被包围的字体已是字体模型所支持的最小字号，那么 <small> 标签将不起任何做用。

与 <big> 标签相似，<small> 标签也能够嵌套，从而连续地把文字缩小。每一个 <small> 标签都把文本的字体变小一号，直到达到下限的一号字。

11.<i>标签，定义斜体文本效果。

<i> 标签和基于内容的样式标签 <em> 相似。它告诉浏览器将包含其中的文本以斜体字（italic）或者倾斜（oblique）字体显示。若是这种斜体字对该浏览器不可用的话，可使用高亮、反白或加下划线等样式。

提示：<i> 标签必定要和结束标签 </i> 结合起来使用。

12.<em>标签，定义强调文本。

<em> 标签告诉浏览器把其中的文本表示为强调的内容。对于全部浏览器来讲，这意味着要把这段文字用斜体来显示。

在文本中加入强调也须要有技巧。若是强调太多，有些重要的短语就会被漏掉；若是强调太少，就没法真正突出重要的部分。这与调味品同样，最好仍是不要滥用强调。

尽管如今 <em> 标签修饰的内容都是用斜体字来显示，但这些内容也具备更普遍的含义，未来的某一天，浏览器也可能会使用其余的特殊效果来显示强调的文本。若是你只想使用斜体字来显示文本的话，请使用 <i> 标签。除此以外，文档中还能够包括用来改变文本显示的级联样式定义。

除强调以外，当引入新的术语或在引用特定类型的术语或概念时做为固定样式的时候，也能够考虑使用 <em> 标签。例如，W3School 常常对重要的术语使用 <em> 标签。<em> 标签能够用来把这些名称和其余斜体字区别开来。

13.<strong>标签，定义语气更强的强调文本。

<strong> 标签和 <em> 标签同样，用于强调文本，但它强调的程度更强一些。

浏览器一般会以不一样于 <em> 标签的方式来显示 <strong> 标签中的内容，一般是用加粗的字体（相对于斜体）来显示其中的内容，这样用户就能够把这两个标签区分开来了。

若是常识告诉咱们应该较少使用 <em> 标签的话，那么 <strong> 标签出现的次数应该更少。若是说用 <em> 标签修饰的文本好像是在大声呼喊，那么用 <strong> 标签修饰的文本就无异于尖叫了。沉默寡言的人说出的话老是一言既出;驷马难追，与此相同，限制 <strong> 的使用能够令应该更加引人注意，并且更加有效。

举一个例子，常常访问 W3school 的用户能够注意到了，许多教程页面的第一句摘要都是以粗体显示的，而实际上，咱们对这一句摘要使用了 <strong> 标签。使用这个标签的理由是，咱们认为教程摘要不只归纳了其所在页面的内容，并且位于页面的最重要的位置，其内容天然是很是重要的且值得强调的。

14.<body>标签，定义文档主体。

15<br>标签，定义简单的折行。

<br> 可插入一个简单的换行符。

<br> 标签是空标签（意味着它没有结束标签，所以这是错误的：<br></br>）。在 XHTML 中，把结束标签放在开始标签中，也就是 <br />。

请注意，<br> 标签只是简单地开始新的一行，而当浏览器遇到 <p> 标签时，一般会在相邻的段落之间插入一些垂直的间距。

16.<button>标签，定义按钮。

重要事项：若是在 HTML 表单中使用 button 元素，不一样的浏览器会提交不一样的值。Internet Explorer 将提交 <button> 与 <button/> 之间的文本，而其余浏览器将提交 value 属性的内容。请在 HTML 表单中使用 input 元素来建立按钮。

17.<canvas>标签，定义图形（H5标签）。

<canvas> 标签订义图形，好比图表和其余图像。

<canvas> 标签只是图形容器，您必须使用脚原本绘制图形。

这个 HTML 元素是为了客户端矢量图形而设计的。它本身没有行为，但却把一个绘图 API 展示给客户端 JavaScript 以使脚本可以把想绘制的东西都绘制到一块画布上。

18.<datalist>标签，定义选项列表（H5标签）。

<datalist> 标签订义选项列表。请与 input 元素配合使用该元素，来定义 input 可能的值。

datalist 及其选项不会被显示出来，它仅仅是合法的输入值列表。

请使用 input 元素的 list 属性来绑定 datalist。

代码：<input id="myCar" list="cars" />

<datalist id="cars">

<option value="BMW">

<option value="Ford">

<option value="Volvo">

</datalist>

19.<div>标签，定义文档中的节。

<div> 可定义文档中的分区或节（division/section）。

<div> 标签能够把文档分割为独立的、不一样的部分。它能够用做严格的组织工具，而且不使用任何格式与其关联。

若是用 id 或 class 来标记 <div>，那么该标签的做用会变得更加有效。

<div> 是一个块级元素。这意味着它的内容自动地开始一个新行。实际上，换行是 <div> 固有的惟一格式表现。能够经过 <div> 的 class 或 id 应用额外的样式。

没必要为每个 <div> 都加上类或 id，虽然这样作也有必定的好处。

能够对同一个 <div> 元素应用 class 或 id 属性，可是更常见的状况是只应用其中一种。这二者的主要差别是，class 用于元素组（相似的元素，或者能够理解为某一类元素），而 id 用于标识单独的惟一的元素。

20.<dl>标签，定义定义列表。

<dl> 标签订义了定义列表（definition list）。

<dl> 标签用于结合 <dt> （定义列表中的项目）和 <dd> （描述列表中的项目）。

21.<footer>标签，定义定义 section 或 page 的页脚（H5标签）。

<footer> 标签订义文档或节的页脚。

<footer> 元素应当含有其包含元素的信息。

页脚一般包含文档的做者、版权信息、使用条款连接、联系信息等等。

您能够在一个文档中使用多个 <footer> 元素。

提示：<footer> 元素内的联系信息应该位于 <address> 标签中。

22.<form>标签，定义供用户输入的 HTML 表单。

<form> 标签用于为用户输入建立 HTML 表单。

表单可以包含 input 元素，好比文本字段、复选框、单选框、提交按钮等等。

表单还能够包含 menus、textarea、fieldset、legend 和 label 元素。

表单用于向服务器传输数据。

查看详情