建站资讯

相关推荐

色彩搭配影响网站设计整体效果
网站建设制作中内页设计技巧
青岛网站建设教你打造更加简洁的..
营销型网站界面设计的标准
网站设计中应该注意的四点
青岛网站建设的色彩搭配
青岛网站建设中网站设计是重要环..
网站设计之banner应该这样做
响应式Web设计的9项基本原则
图韵教你自己做网站步骤

热门标签

36个重要的HTML标签

2013/4/1 9:58:48 阅读()

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

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

1. <!? ?> :注释

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

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

示例：

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

    <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>

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

    <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>

  • XHTML1.1版定义类型

    <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.1//EN” “http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd”>

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

    <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Frameset//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd”>

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”

    济南网站制作 青岛网站制作 潍坊网站制作 聊城网站制作 济宁网站制作 临沂网站制作 威海网站制作 德州网站制作 东营网站制作 烟台网站制作 荷泽网站制作 枣庄网站制作 淄博网站制作 滨州网站制作 日照网站制作 泰安网站制作 莱芜网站制作

    联系方式

    服务项目

    网站导航

    官方微信

    扫一扫关注我们

    访问手机版

    Copyright © 2011-2024 图韵网络
    鲁ICP备13019265号-6 鲁公网安备 37021302000919号

    在线客服

    Online Service

    在线咨询

    QQ 咨询

    微信客服