36个重要的HTML标签
36个重要的HTML标签
发布时间:2015-05-12 来源:查字典编辑
摘要:1.:注释每一个HTML标签都有其用法,但我们在写HTML代码时,却常常舍近求远,忽略了很多非常重要且特别有用的标签。既然HTML中定义了这...
1. <!? ?> :注释

每一个HTML标签都有其用法,但我们在写HTML代码时,却常常舍近求远,忽略了很多非常重要且特别有用的标签。

 

既然HTML中定义了这么多标签,而且每种标签都有其用法,我们为什么不尽量去使用这些标签呢。下面收集并整理了36个常被我们遗忘却非常有用的HTML标签。

2. <!DOCTYPE>:文档类型声明

文档类型,会使浏览器使用相应的方式加载网页并显示,忽略DTDs,将使网页进入一种混乱模式(quirks mode)。

示例:

XHTML过渡定义类型,此类型可以使用HTML4中的标签

XHTML严格定义类型,此文档只可以使用XHTML1中定义的标签

XHTML1.1版定义类型

XHTML框架定义类型。(可以使用框架)

3. <abbr>:缩写

示例:<abbr title=”Limited”>Ltd.</abbr>

说明:简称和缩写是对一个惯用词组的缩写表示,一般使用词组中每个单词的首字母,比如CSS(Cascading Style Sheets),而HTML(Hypertext Markup Language)就不是一种提取首字母的缩写.有时候缩写经常会在最后加一个。

4. <acronym>: 取首字母的缩写

示例:<acronym title=”Cascading Style Sheets”>CSS</acronym>

5. <area>: 定义图像点击区域

area标签是单独出现的,<area />

area标签必须使用在map标签中,而且必须配合img标签使用。

属性:

Common ― 一般属性

accesskey ― 链接的快捷键访问方式

alt ― 图像的提示文字

coords ― 定义可点击区域图形的坐标

href ― HTML链接源的URL

nohref ― 图像点击排除的区域,当不使用href时应使用nohref

shape ― 可点击区域的形状

tabindex ― 使用”Tab”键的遍历顺序

target ― 链接目标

area是client-side image map area的意思,区域

area标签示例:

<img src=”http://www.renniaofei.com/images/logo.png” usemap=”#Map” /> <map name=”Map” id=”Map”> <area shape=”rect” coords=”35,29,135,99″ href=”#” /> <area shape=”circle” coords=”243,78,44″ href=”#” /> <area shape=”poly” coords=”120,137,195,154,135,207″ href=”#” /> </map>

6. <base>: 定义基URL用于页面的链接与引用

base标签是单独出现的,<base />

base标签只能放置在head标签内

当使用相对路径定义链接时,可以使用base标签定义基URL解析所有文档中定义的相对路径的URL

属性:

href ― 基URL

target ― 链接目标

base是document base URI的意思

base标签示例

<head> <base href=”http://www.renniaofei.com/” target=”_blank”> </head>

使用上面示例代码的html页面中的相对链接,将直接指向基URL http://www.renniaofei.com/,并且使用弹出窗口。

base标签在框架中的使用

base标签通常可以使用在框架链接中,例如

<frameset cols=”20%, *”> <frame src=”list.html”> <frame src=”http://www.renniaofei.com/” name=”mainTarget”> < /frameset>

链接页list.htm

l<head> <base target=”mainTarget”> </head> < a href=”http://www.renniaofei.com/category/design/”>design</a> < a href=”http://www.renniaofei.com/category/graphic/”>graphic</a> <a href=”http://www.renniaofei.com/category/inspiration/”>inspiration</a> <a href=”http://www.renniaofei.com/category/freebies/”>freebies</a>

通过上面示例可以避免在每个链接中写入target=”mainTarget”

7. <blockquote>:表示引用块

blockquote标签是成对出现的,以<blockquote>开始,以</blockquote>结束

属性:

Common ― 一般属性

cite ― 被引用内容的URI

示例:

<blockquote cite=”http://www.renniaofei.com/xhtml/”> <p>标准网页设计要区分内容与表现,学习标准网页设计。</p> </blockquote>

8. <button> :定义按钮

button标签是成对出现的,以<button>开始,</button>结束

可以定义比input内容更丰富的按钮。

属性:

Common ― 一般属性

accesskey ― 快捷键访问方式

disabled ― 禁止使用

name ― 标签名称

tabindex ― 使用”Tab”键的遍历顺序

type ― 按钮类型

button ― 普通按钮

reset ― 重置表单按钮

submit ― 提交按钮

value ― 通过表单传递到服务器端的数据

button是push button的意思,按钮

button标签示例:

<button type=”submit”>提交</button>

一个使用文字的普通的提交按钮

<button type=”reset”> 从<strong>任鸟飞</strong>提交表单 </button>

改变按钮内加重文字的button标签

<button type=”button”> <img src=”renniaofei.png”

 

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读