HTML标签常用标签
日期： 2017-02-23 分类： 跨站数据测试 309次阅读
1、<!--...-->注释标签
注释标签用于在源代码中插入注释。注释不会显示在浏览器中。
2、<!DOCTYPE> 声明标签
<!DOCTYPE> 声明必须是 HTML文档的第一行，位于 <html>标签之前。<!DOCTYPE>声明不是 HTML 标签；它是指示 web 浏览器关于页面使用哪个 HTML版本进行编写的指令。在 HTML 4.01中有三种 <!DOCTYPE>声明 ：1）HTML 4.01 Strict该 DTD包含所有 HTML 元素和属性，但不包括展示性的和弃用的元素（比如 font），不允许框架集（Framesets）
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
2）HTML 4.01 Transitional 包含所有 HTML元素和属性，包括展示性的和弃用的元素（比如 font）。不允许框架集（Framesets）。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
3）HTML 4.01 Frameset
等同于 HTML 4.01 Transitional，但允许框架集内容。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
在 HTML5 中只有一种：<!DOCTYPE html>
3、 <a>标签 定义和用法
<a>标签定义超链接，用于从一张页面链接到另一张页面。
<a>元素最重要的属性是 href属性，它指示链接的目标。
下面是指向w3school的超链接
<a href="http://www.w3school.com.cn">W3School</a>
提示和注释
提示：如果不使用 href属性，则不可以使用如下属性：download, hreflang, media, rel, target 以及 type 属性。
提示：被链接页面通常显示在当前浏览器窗口中，除非您规定了另一个目标（target属性）。
提示：请使用 CSS 来设置链接的样式。
HTML 4.01 与 HTML5之间的差异：在 HTML 4.01中，<a> 标签可以是超链接或锚。在 HTML5 中，<a> 标签始终是超链接，但是如果未设置 href属性，则只是超链接的占位符。HTML5提供了一些新属性，同时不再支持一些 HTML 4.01属性。详见：http://www.w3school.com.cn/tags/tag_a.asp
4、<abbr>标签
定义和用法
<abbr> 标签指示简称或缩写，比如 "WWW"或 "NATO"。
通过对缩写进行标记，您能够为浏览器、拼写检查和搜索引擎提供有用的信息。
<abbr> 标签最初是在 HTML 4.0中引入的，表示它所包含的文本是一个更长的单词或短语的缩写形式。
标记一个缩写：The <abbr title="People's Republic of China">PRC</abbr> was founded in 1949.
HTML 4.01 与 HTML5之间的差异：无。
详见：http://www.w3school.com.cn/tags/tag_abbr.asp
5、<acronym>标签
所有主流的浏览器均支持 <acronym>标签。HTML5 中不支持 <acronym> 标签。
实例：<acronym title="World Wide Web">WWW</acronym>
提示：title 属性可用于在鼠标指针移动到元素上时显示出缩写的完整版本。
详见：http://www.w3school.com.cn/tags/tag_acronym.asp
6、<address>标签——定义文档或文章的作者/拥有者的联系信息。
定义和用法
如果 <address>元素位于 <body>元素内，则它表示文档联系信息。
如果 <address>元素位于 <article>元素内，则它表示文章的联系信息。
<address>元素中的文本通常呈现为斜体。大多数浏览器会在 address元素前后添加折行。
提示：<address> 标签不应该用于描述通讯地址，除非它是联系信息的一部分。
提示：<address> 元素通常连同其他信息被包含在 <footer> 元素中。
7、<applet>标签
定义和用法
HTML5 中不支持 <applet>标签。请使用 object 元素标签代替。
HTML 4.01 中不赞成使用 <applet>元素。
<applet> 标签定义嵌入的 applet。
详见：http://www.w3school.com.cn/tags/tag_applet.asp
8、<area>标签
定义和用法
<area> 标签定义图像映射中的区域（注：图像映射指得是带有可点击区域的图像），area元素总是嵌套在 <map>标签中。注释：<img>标签中的 usemap属性与 map 元素 name属性相关联，创建图像与映射之间的联系。
实例：
<img src="planets.jpg" border="0" usemap="#planetmap" alt="Planets" />
<map name="planetmap" id="planetmap">
<area shape="circle" coords="180,139,14" href ="venus.html"alt="Venus" />
<area shape="circle" coords="129,161,10" href ="mercur.html"alt="Mercury" />
<area shape="rect" coords="0,0,110,260" href ="sun.html"alt="Sun" />
</map>
注释：<img>中的 usemap 属性可引用 <map>中的 id 或name 属性（由浏览器决定），所以我们需要同时向 <map>添加 id 和 name 两个属性。
属性：alt（必需） — 定义此区域的替换文本
可选的属性：
coords（坐标值）—-定义可点击区域（对鼠标敏感的区域）的坐标
href（URL）-—定义此区域的目标URL
onhref —— 从图像映射排除某个区域
shape （default、rect、circ、poly）——定义区域的形状
target （_blank、_parent、_self、_top）——规定何处打开href属性指定的目标URL
详见：http://www.w3school.com.cn/tags/tag_area.asp
9、 <aside>标签
是 HTML 5 的新标签，定义其所处内容之外的内容。aside的内容应该与附近的内容相关。
HTML5提供的aside元素标签用来表示当前页面或文章的附属信息部分，可以包含与当前页面或主要内容相关的引用、侧边栏、广告、nav元素组，以及其他类似的有别与主要内容的部分。
根据目前的规范，aside元素有两种使用方法：
- 被包含在article中作为主要内容的附属信息部分，其中的内容可以是与当前文章有关的引用、词汇列表等。
- 在article之外使用，作为页面或站点全局的附属信息部分；最典型的形式是侧边栏(sidebar)，其中的内容可以是友情链接、附属导航或广告单元等。
实例代码：
<body>
<header>
<h1>My Blog</h1>
</header>
<article>
<h1>My Blog Post</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua.</p>
<aside>
<!-- Since this aside is contained within an article, a parser
should understand that the content of this aside is directly related
to the article itself. -->
<h1>Glossary</h1>
<dl>
<dt>Lorem</dt>
<dd>ipsum dolor sit amet</dd>
</dl>
</aside>
<
除特别声明，本站所有文章均为原创，如需转载请以超级链接形式注明出处：SmartCat's Blog
标签：web前段 html标签
精华推荐