精华内容
下载资源
问答
  • link标记常用属性

    2018-03-14 15:57:08
    常用属性值 描述 href URL 指定引用外部文档的地址 rel stylesheet 指定当前文档与引用外部文档的关系,该属性值通常为stylesheet,表示定义一个外部样式表 type text/css text...
    属性名常用属性值描述
    hrefURL指定引用外部文档的地址
    relstylesheet指定当前文档与引用外部文档的关系,该属性值通常为stylesheet,表示定义一个外部样式表
    type
    text/css
    text/javascript
    引用外部文档的类型为CSS样式表    
    引用外部文档的类型为JavaScript脚本
    展开全文
  • Link标记 rel属性

    2010-03-17 11:50:15
    link 元素是一个空元素,它仅包含属性。 此元素只能存在于 head 部分,不过它可出现任何次数。在 HTML 中,<link> 标签没有结束标签。在 XHTML 中,<link> 标签必须被正确的关闭。 ...

    <link>标签定义了当前文档与 Web 集合中其他文档的关系。link 元素是一个空元素,它仅包含属性。

    此元素只能存在于 head 部分,不过它可出现任何次数。在 HTML 中,<link> 标签没有结束标签。在 XHTML 中,<link> 标签必须被正确的关闭。

    除了HTML的标准通用属性之外,link元素还包括很多可选属性: charset, href, hreflang, media, rel, rev, target, title和type

    这些属性中,rel属性是核心。本文里面,网页教学网就介绍一些自己知道的rel属性,以及在WordPress中对一些link元素的处理,适合新手朋友学习。

    1. 调用外部样式表

    (1). 显示器样式表

    link标签最多的使用就是用来调用外部样式表,例如下面这样:

    <link rel="stylesheet" href="http://paranimage.com/wp-content/themes/v5/style.css" type="text/css" media="screen" />

    其中href是目标文档的URL, type则规定了目标URL的MIME类型,而media规定了文档将显示在什么设备上。

    (2). 打印设备样式表

    下面这个webdesignerwall的样式表调用就规定了文档显示在打印设备上时的CSS样式 :

    <link rel="stylesheet" href="http://www.webdesignerwall.com/wp-content/themes/wdw/print.css" type="text/css" media="print" />

    (3). 可替换样式表

    你可能还会在一些网页中看到诸如下面的样式表调用代码:

    <link rel="alertnate stylesheet" href="http://paranimage.com/wp-content/themes/v5/red.css" type="text/css" media="screen" />

    这段代码定义了一个可替换的样式表,它和第一个link元素同时使用,第一个定义了首选样式,而这个则让用户可选择替换的样式。但这个替换操作需要浏览器支持,但很多浏览器比如IE都是不支持的。

    所以使用到替换样式的网页,一般都用一些样式表切换的JS,让用户可以自由切换界面样式。这个应该大家都见过,一些网站会给网页定义多种配色。WordPress用户有兴趣的话,可以下载Small PotatoWPDesigner7这款WordPress主题试用研究一下(或查看DEMO),它利用一个简单的JS和多个可替换样式,让用户可对网页改变配色。稍高阶的一些,还可以利用JS弄成随时间变化样式的,比如白天的时候显示成明色,晚上的时候显示成暗色。

    注释: 为首选样式指定media=”all”,再添加一个打印样式,会比较符合Web标准(尽管对于普通网站来说,不会有几个人想要打印你的网页)。帕兰映像就没有定义打印样式,稍后抽时间搞搞 :)

    注释: 是否使用可替换样式是个值得斟酌的问题。如果仅改变配色,整体主调还是不变,那可以接受。但有一些朋友,比如WordPress用户,会启用多个完全不同风格的主题,再利用插件让用户自由变换。这看上去似乎挺酷的,但我的建议是千万别这么做。是否影响SEO且不谈,但会让人对你的网站缺乏一种固定形象的认知感。

    2. 定义网站收藏夹图标

    关于favicon/收藏夹图标的详细介绍可以查看百度百科(1, 2),使用下面的代码调用即可。

    <link rel="shortcut icon" href="http://paranimage.com/wp-content/themes/v5/images/favicon.ico" type="images/x-icon"/>
    <link rel="icon" href="http://paranimage.com/wp-content/themes/v5/images/favicon.png" type="images/png"/>

    关于这个调用我自己也还有些迷糊,我实验的结果是:

    • IE只支持ico格式的favicon;
    • rel属性必须包含shortcut, 才会在IE下显示;
    • 我在制作透明格式的ico时总出问题,总会出现黑底,就算弄了IE下非黑底了,在Chrome下又变成黑底。
    • 于是,制作一个透明的ico和一个透明的png, 第一段供IE浏览器调用,第二段供其它浏览器调用;

    注释: 你也可以不使用这个link元素,而直接制作一个favicon.ico文件,并放到网站根目录。

    顺定分享: 为你的网站添加Apple Touch图标

    iPhone或iPod Touch设备允许用户添加网站的链接到主屏上,使用下面的代码可以为你的网站指定一个Apple Touch图标:

    <link rel="apple-touch-icon" href="http://paranimage.com/wp-content/themes/v5/images/apple-touch-icon.png" />

    该图标的尺寸是57*57的PNG格式,如果不是,会自动缩放,且如果我没搞错的话,不一定要弄成iPhone风格那种漂亮的圆角,iPhone会自动按它的风格把图标弄成圆角渐变的,比如last.fm的apple touch icon

     

    对于国内的用户来说,使用iPhone的人还不多,即使很多,会把你网站放到主屏?那恐怕不是我们这些一般的小网站能够做到的。不过好玩嘛,我还是为我的网站制作了一个并添加了这个link元素。

    3. WordPress中的link元素

    (1). RSS地址和Pingback地址

    下面是WordPress默认主题对RSS2地址,Atom地址和Pingback地址的定义。具体原理俺觉得很深奥很复杂,就不研究了。反正你的博客需要它,Atom好像不要也可以?

    <link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />
    <link rel="alternate" type="application/atom+xml" title="<?php bloginfo('name'); ?> Atom Feed" href="<?php bloginfo('atom_url'); ?>" />
    <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />

    (2). 用于远程发布的link元素

    如果你的主题中有<?php wp_head(); ?>这个函数,下面这两个link元素就会出现:

    <link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://localhost/wordpress/xmlrpc.php?rsd" />
    <link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://localhost/wordpress/wp-includes/wlwmanifest.xml" />

    这两个元素主要供远程发布使用,比如你使用Windows Live Write等桌面博客编辑器来发布文章。如果你并不需要这个功能,那完全可以把这两个元素删除,删除的方法是,打开你WordPress主题的functions.php, 在最底部的<?php } ?> 或者 ?> 标签之前,插入下面的代码:

    remove_action('wp_head', 'rsd_link');
    remove_action('wp_head', 'wlwmanifest_link');

    注释: 你可能在想,既然是<?php wp_head(); ?>函数生成了这两个东西,把它删除不就可以了。是的,如果你预计你其它任何插件都不会需要到这个函数,那就删吧。

    4. 防止重复内容的canonical属性

    谷歌、雅虎和live search在今年2月左右宣布支持Link的一个新属性Canonical,主要作用是为网页指定权威链,以解决重复内容问题。

    关于这个属性的详细介绍请看谷歌中文网站管理员中的指定您的URL范式

    这里主要为WordPress用户推荐两个插件来实现添加此属性到你的head部份: SEO No DuplicateCanonical URL’s。用哪个随便吧。

    说了是全解析,其实仅仅是说一些常用的,对大多数人来说都已经足够了,如果你还知道其它比较重要和常用的rel属性,也欢迎分享出来。

    展开全文
  • link 标记的目的是用来关联文档。它必须放在 head 元素中,且只能作为其子元素出现。 1、属性rel:关系。这里是样式表,所以取值为 stylesheet。另外还可以用 alternate stylesheet 定义候选样式表,它与首选样式表...

    link 标记的目的是用来关联文档。它必须放在 head 元素中,且只能作为其子元素出现。

     

    1、属性

    rel:关系。这里是样式表,所以取值为 stylesheet。另外还可以用 alternate stylesheet 定义候选样式表,它与首选样式表相对应。

    type:标记所加载数据的类型。这里是样式表,所以取值为 text/css。

    href:样式表的 URL。可以是相对路径,也可以是绝对路径。

    media:说明样式表应用的表现媒体。有如下取值:

                      all—— 所有媒体

                      screen——智能终端显示器,以及运行其上的所有用户代理如 Web 浏览器等。

                      print——打印媒体,另外在打印预览时应用。

                      (以下取值不常用:)

                      aural——语音合成器。

                      braille——用 Braille 设备表现文档时应用。

                      embossed——用 Braille 打印设备时应用。

                      handheld——用于手持设备。如个人数字助理或支持 Web 的蜂窝电话。

                      projection——用于投影媒体。

                      tty——用于在固定间距环境(如电传打字机)中显示文档时使用。
                      tv——在电视上显示文档时使用。
    title: 为候选样式表指定名称

     

    另:

          1、如果没有为样式指定 title ,那么引入的样式表将作为永久样式表,始终用于文档的显示。

          2、如果为一个 rel="stylesheet" 的 link 指定了 title ,即指定了该样式表作为首选样式表。首选样式表使用时优先于候选样式表,这意昧着文档第一次显示时会作用首选样式表。

     

     

     

     

    转载于:https://www.cnblogs.com/ihada/archive/2011/05/17/2049065.html

    展开全文
  • HTML常用标记属性

    千次阅读 2013-09-06 10:23:58
    HTML常用标记属性  |字号 订阅 1. 、 HTML文件头部开始和结束标记。 2. 、 HTML文件的标题,是显示于浏览器标题栏的字符串。 3. 、 CSS样式定义标记属性...

    HTML常用标记和属性  


    |字号 订阅

    1. <head>、</head>

    HTML文件头部开始和结束标记。

    2. <title></title>

    HTML文件的标题,是显示于浏览器标题栏的字符串。

    3. <style></style>

    CSS样式定义标记。属性type,指明样式的类别,缺省值为text/css

    4. <meta>

    通常用来为搜索引擎定义页面主题以及页面刷新等信息。其属性有

    • namemeta名字;

    • http-equiv:说明content属性内容的类别。例如http-equiv=”refresh”,则content中是页面刷新的时间;http-equiv=”content-language”,则content中是页面语言;http-equiv=”PICS-Label”,则content中是页面内容的等级;http-equiv=”expires”,则content中是页面过期的日期。

    • content:定义页面内容,一些特定内容要与http-equiv属性配合使用。

        5. <body></body>

        表明HTML文件体部的开始和结束,body标记的属性列于下表中。

        属性名

        取值

        含 

        缺省值

        bgcolor

        颜色值

        页面背景颜色

        #FFFFFF

        text

        颜色值

        HTML文件中文字的颜色。

        #000000

        link

        颜色值

        HTML文件中待链接的超链接对象的颜色。

        alink

        颜色值

        HTML文件中链接中的超链接对象的颜色。

        vlink

        颜色值

        HTML文件中已链接的超链接对象的颜色。

        background

        图象文件名

        页面的背景图象

        topmargin

        整数

        页面显示区距窗口上边框的距离,以像素点为单位。

        0

        leftmargin

        整数

        页面显示区距窗口左边框的距离,以像素点为单位。

        0

        6. <image>

        向页面中插入一幅图象。<img>标记的属性包括:

      • src:指明图象文件的地址。该属性值必须指明。值的形式可以是一个本地文件名,也可以是一个URL形式。

      • border:指明图象边框粗细,值为整数。若为0,表示无边框,值越大,边框越粗。

      • width:图象宽度,值为整数,单位为屏幕像素点。若不指出该属性值,则浏览器根据图象的实际尺寸显示。

      • height:图象高度,值为整数,单位为屏幕像素点。若不指出该属性值,则浏览器根据图象的实际尺寸显示。

      • alt:若设置了该属性值,则当鼠标移至该图象区域时,将以一小标签显示该属性的值。

          7. 文字显示和段落控制标记

          文字显示属性主要有字体、字号、颜色,段落控制显示对象的分段。常用的文字显示和段落控制标记列于下表中。

          标记名

          含 

          <font>,</font>

          分别以属性facesizecolor控制字体、字号、字的颜色显示特性

          <I>,</I>

          斜体显示

          <B>,</B>

          粗体显示

          <U>,</U>

          加下划线显示

          <sub>,</sub>

          下标字体

          <sup>,</sup>

          上标字体

          <big></big>

          大字体

          <small>,</small>

          小字体

          <h1>&0;<h6>

          标题,数字越大,显示的标题字越小

          <p>,</p>

          分段标记,属性有align(布局方式:left&0;左对齐;center&0;居中对齐;right&0;右对齐

          <div>,</div>

          块容器标记,其中的内容是一个独立段落

          <hr>

          分隔线,属性有:width(线的宽度)、color(线的颜色)

          <center>,</center>

          居中显示

          8. <a></a>

          创建超链接。属性有:

        • href:指出目标页面的URL;

        • target:指明目标页面显示的窗口

              9. 列表标记

              <ul></ul><ol></ol><dl></dl>分别为无序列表、有序列表和定义列表,定义内部需使用<li>给出各表项。

              10. <pre></pre>

              预定格式的信息。

              11. 表格标记

              <table></table>:定义表格的开始和结束。其属性有:

              属性名

              取值

              含 

              缺省值

              border

              整数

              表格边框粗细,该值为0,则表格没有边框;值越大,则表格边框越粗。

              0

              width

              百分比(如60%

              表格宽度,以相对于充满窗口的百分比计。

              100%

              整数

              表格宽度,以屏幕像素点数计。

              cellpadding

              整数

              每个表项内容与表格边框之间的距离,以像素点为单位。

              0

              cellspacing

              整数

              表格边框之间的距离,以像素点为单位。

              2

              bordercolor

              颜色值

              表格边框的颜色

              #000000

              background

              图象文件名

              表格的背景图

              align

              left|center|right

              表格的位置

              left

              <tr></tr>:定义表格一行的开始和结束。其属性有:

              属性名

              取值

              含义

              缺省值

              align

              left|center|right

              本行各表格项的横向排列方式。

              left(左对齐)

              bgcolor

              颜色值

              本行各表格项的背景色。

              #000000

              valign

              top|middle|bottom

              本行各表格项的纵向排列方式。

              middle

              width

              百分值|整数

              本行宽度(受tablewidth属性值制约)。

               

              height

              整数

              本行高度,以像素点为单位。

              <td></td>:定义表格中一个单元格的开始和结束。其属性有:

              属性名

              取值

              含义

              缺省值

              align

              left|center|right

              本表格项的横向排列方式。

              left(左对齐)

              bgcolor

              颜色值

              本表格项的背景色。

              #000000

              valign

              top|middle|bottom

              本表格项的纵向排列方式。

              middle

              width

              百分值|整数

              本表格项宽度。

              height

              整数

              本表格项高度,以像素点为单位。

              background

              图象文件名

              本表格项的背景图象。

              colspan

              整数

              按列横向结合。

              1

              rowspan

              整数

              按行纵向结合。

              1

              12. 表单标记

              <form></form>:定义表单的开始和结束。其属性有:

            • method(方法)属性,取值为postget

            • action属性指出了用户所提交的数据将由哪个服务器的哪个程序处理,可处理用户提交的数据的服务器程序种类较多,如CGI程序、asp脚本程序、php程序等。

              <textarea>:可输入多行文字。

              <select>:下拉列表选择。以<option>标记给出各选项。

              <input>:定义表单的输入域,由type属性值给出。可由type给出的输入域类型有:

              输入域名称

              说 

              Text(文本框)

              输入一行文字。

              Radio(单选按钮)

              当有多个选项时,只能选其中一项。

              Checkbox(复选框)

              当有多个选项时,可以选其中多项。

              Submit(提交按钮)

              将数据传递给服务器。

              Password(密码输入框)

              用户输入的字符以“*”显示。

              Reset(重置按钮)

              将用户输入的数据清除。

              hidden(隐藏域)

              在浏览器中不显示,但可通过程序取其值或改变值。主要用于浏览器向服务器传递数据而不想让浏览器用户知道的情形。

              Button(按钮)

              普通按钮,按下后的操作需设计程序完成。

              <input>标记的其他属性还有:

              • name:输入域的名称;

              • value:输入域的值。

              13. 框架标记

              <frameset></frameset>:定义框架特性。其属性有:

              属性名

              取值

              含 

              缺省值

              rows

              百分比

              将窗口上下(横向)分割,每个框架高度占整个窗口高度的百分比。

              整数

              将窗口上下(横向)分割,每个框架高度的像素点数

              cols

              百分比

              将窗口左右(纵向)分割,值的格式和含义与“rows”属性类似。

              整数

              frameborder

              yes|no

              帧框架边框是否显示

              yes

              bordercolor

              颜色值

              框架边框颜色

              gray(灰)

              <frame>:指明框架所对应的HTML或脚本文件。其属性有:

              属性名

              取值

              含 

              缺省值

              src

              HTML文件名

              框架对应的HTML文件。

              name

              字符串

              框架的名字,可在程序和<a>标记的target属性中引用。

              noresize

              不允许用户改变框架窗口大小。

              scrolling

              yes|no|auto

              框架边框是否出现滚动条。

              auto

              marginwidth

              整数

              框架左右边缘像素点数。

              0

              marginheight

              整数

              框架上下边缘像素点数。

              0


            展开全文
          • 本学期开设有个ASP.NET课程,刚开始两周,一直处于复习 web技术阶段,刚好自己准备好好学一下CSS的相关内容,就顺路一起看看,了解CSS常用的选择器,这样在后续的个人网站开发上,可以更方便,进入正题:CSS:...
          • HTML之二:body标记属性属性值在HTML之一中,介绍了必须要写入的结构、title用于显示标题栏的内容、网页的内容大部分在body中编辑,下面简单介绍body常用属性以及属性值。<body background="图片位置" #...
          • HTML之二:body标记属性属性值 在HTML之一中,介绍了必须要写入的结构、title用于显示标题栏的内容、网页的内容大部分在body中编辑,下面简单介绍body常用属性以及属性值。 <body background="图片位置" ...
          • 常用的csss标记属性

            千次阅读 2012-04-05 15:42:26
            1、字体属性(type) font-family(使用什么字体) font-style(字体的样式,是否斜体):normal/italic/oblique font-variant(字体大小写):normal/small-caps font-weight(字体的粗细):normal/bold/bolder/lithter ...
          • 常见的HTML标记属性

            千次阅读 2016-11-20 00:50:31
            常见的 HTML 标记
          • 常用的css标记属性

            2011-08-16 13:22:29
            1、字体属性(type) font-family(使用什么字体) font-style(字体的样式,是否斜体):normal/italic/oblique font-variant(字体大小写):normal/small-caps font-weight(字体的粗细):n
          • 标记属性1=“属性值1” 属性2=“属性值2”…>内容</标记名> 注意:标记名与属性,属性属性之间都是用空格分开. 二.HTML文档头部相关标记 1.< title > < title >标记...
          • Link 标签属性含义与详细用法

            千次阅读 2020-10-30 10:37:46
              其中link中包括如下属性。 href:指明外部资源文件的路径,即告诉浏览器外部资源的位置 hreflang:说明外部资源使用的语言 media:说明外部资源用于哪种设备 rel:必填,表明当前文档和外部资源的关系 sizes:...
          • ,放置浏览器中显示信息的所有标志和属性,其中内容在浏览器中显示.  ,的结束标志  ,的结束标志  其它主要标签,以下所有标志用在中:  ,链接标志,"…"为链接的文件地址  ,显示图片标志,"…"为图片的地址...
          • link标签的rel属性

            2019-09-02 11:35:28
            <link>标签定义了当前文档与 Web 集合中其他文档的关系。link 元素是一个空元素,它仅包含属性。此元素只能存在于 head 部分,不过它可出现任何次数。在 HTML 中,<link> 标签没...
          • 常用的CSS标签标记属性翻译注释

            千次阅读 2009-04-20 09:53:00
            这里收藏一些编写网页的常用属性,便于以后编写网页查询。" "这里收藏一些编写网页的常用属性,便于以后编写网页查询。 1、字体属性(type)font-family(使用什么字体)font-style(字体的样式,是否斜体):normal/...
          • 其中link中包括如下属性。 href:指明外部资源文件的路径,即告诉浏览器外部资源的位置 hreflang:说明外部资源使用的语言 media:说明外部资源用于哪种设备 rel:必填,表明当前文档和外部资源的关系 sizes:指定...
          • A和Link的rel属性的详细介绍

            千次阅读 2011-12-05 10:35:06
            在标签中,“rel=stylesheet”,rel是关联的意思,关联的是一个样式表(stylesheet)文档,它表示这个link在文档初始化时将被使用。一般这里是不需要改动的     rel 和 rev 属性可以同时在 标签中使用。二者均...
          • 例如查询关键词,有效期等设定CSS层叠样式表内容设定外部资源的链接页面脚本内容元信息标记属性标记描述值HTML5标准http-equiv生成一个HTTP标准域,把Content属性关联到HTTP头部content-type / expire...
          • HTML5 常用语法一览(列举不支持的属性)HTML头部标记标记描述HTML5标准定义页面中所有链接的基准URL设定显示在浏览器左上方的标题内容表明该文档是一个可用于检索的网关脚本不支持文档本身的元信息,例如查询关键词,...
          • HTML与CSS前台页面设计 HTML网页头部标记 第三章 HTML与CSS前台页面设计 / 第3章 HTML网页头部标记 HTML与CSS前台页面设计 本章要点 TITLE标记及其属性 BASE标记及其属性 META标记及其属性 LINK标记及其属性 STYLE...
          • HTML中几个常用标签及其属性 一、HTML链接标签:<a></a> 1、herf属性:创建指向另一个文档的标签(超链接) 语法结构:<a href=url">Link Text</a> 注意: “链接文本”不必一定...
          • <link>标签的rel属性详解

            万次阅读 多人点赞 2014-11-08 19:31:21
            link 元素是一个空元素,它仅包含属性。此元素只能存在于 head 部分,不过它可出现任何次数。在 HTML 中, 标签没有结束标签。在 XHTML 中, 标签必须被正确的关闭。 除了HTML的标准通用属性之外,link元素还包括很...
          • BODY的基本属性:属性详细说明text用以设定文字颜色link设定一般文字连接颜色alink设定刚按下时文字连接颜色vlink设定连接后的颜色(被按过)background设定背景墙纸.GIF或JPEG皆可,可以是绝对途径或相对途径bgcolor...
          • html中常用标记HTML:超文本标记语言,什么是超文本、什么是标记语言。HTML的内容怎样显示出来。二、HTML语法:三、的一些属性:什么是属性:text:设定整个网页中文字的色彩link:用于设定一般超链接文本的显示色彩...
          • HTML与CSS教学-第3章 HTML网页头部标记

            千次阅读 2012-03-12 22:27:32
            LINK标记及其属性 STYLE标记及其属性 SCRIPT标记及其属性 目录: 3.1 title标记及其属性 3.2 base标记及其属性 3.3 meta标记及其属性 3.4 link标记及其属性 3.5 style标记及其属性 3.6
          • CSS常用属性

            千次阅读 多人点赞 2019-06-01 13:55:49
            CSS 属性定义背景效果: **background-color ** 设置背景颜色,颜色值通常以下面几种方式定义: 十六进制 - 如:"#ff0000" RGB - 如:“rgb(255,0,0)” 颜色名称 - 如:“red” h1 { background-color:#6495ed; } p ...
          • html link标签中定义及属性介绍,下面开始本章的内容,主要给大家说的是html link标签的定义和作用,还有HTML link标签的属性介绍及属性作用html link标签的定义和用法: 标签定义文档与外部资源的关系。 标签最常见...
          • CSS常用属性速查表

            千次阅读 2016-03-20 01:34:56
            属性太多,对于我这种不深入WEB的人员,还是有个速查表方便多了,注意利用开头的目录,会不断更新的 CSS 字体属性(Font) 属性 描述 CSS  font 在一个声明中设置所有字体属性。 1  font-family 规定文本...
          • 常用Alink协议总结

            千次阅读 2020-02-24 15:25:53
            Alink常用协议1.子设备的动态注册2.直连设备的动态注册3.添加设备拓扑关系4.删除设备的拓扑关系5.获取设备的拓扑关系6.发现设备列表上报7.通知网关添加设备拓扑关系8.通知网关拓扑关系变化9.子设备主动上线10.子设备...

          空空如也

          空空如也

          1 2 3 4 5 ... 20
          收藏数 41,860
          精华内容 16,744
          关键字:

          link标记的常用属性