`
zhangyaochun
  • 浏览: 2621798 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

html之浅谈link标签的奇葩属性和标准规范性

阅读更多

今天在某一个大型网站的demo里面看到这么一段

 

 

<link rel="stylesheet" rev="stylesheet" href="style.css" />
 

 

 闲来没事,说说这个属性吧,可能有的人还是第一次注意到link的这样的一个属性。

 

 Hold住。。。。。。。。。。。。。。

 

下面我简单地说一下

 

1.其实这个rev属性----------规定被链接文档和当前文档之间的关系的

 

2.下面这句话请注意一下:--------几乎没有浏览器支持rev属性

 

有的人看到这几个红字就finish了,朋友,我们不再是大学里面的小朋友,老是说这门期末考试不考,我们就依然决然上课不听,书也不看了。。。。。。。。。

 

 Hold住。。。。。。。。。。。。。。

 

下面我贴上部分常用属性值

 

 

  • stylesheet          --------------文档的外部样式表
  • copyright            --------------文档的索引
  • help                    --------------帮助文档
  • bookmark           --------------相关文档

其实作为前端开发者,我们还是很多的要和w3c标准,上线项目多http://validator.w3.org/check一下啊

说明一下:验证程序永远是4的,所以在你的html文档中必须指明你的doctype



 

比如:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">


这个是什么---------这个也是各大互联网公司的面试题---至少我是这样被问到过

             (1)  <!DOCTYPE> 
   
                          ------1. 它处在我们页面做前面的位置,可以看到上面的例子还在html标签前。
                          ------2. 告诉浏览器应该使用什么样的规范HTML或者XHTML(当然验证程序也是这样知道的)

             (2)  DTD类型
                        
                        -------严格版本
                        -------过渡版本
                        -------基于框架
    

    注意:<!DOCTYPE>这个是没有结束标签的




下面举几个简单的例子:

  1. 举例一


 
    当然有的人觉得上线项目不会出现这样的错误,head里面居然没写title,这边我只是举个例子

   2.  举例二


  

   这样的警告你会出现吗?-------没有设置编码格式。。。。。。


  3.  举例三


 


   很多人在写textarea的时候不写cols和rows这两个必备的属性(当然我这边的前提是你的dtd)

 

 

最后提一个常见的老问题

 

<br>  <br />

 



 所以定义好你的doctype........

 

其实写这篇的想法是想说规范不是别人定的,是你自己遵循的

 

最后送上


 

 

ps:今天我的百度输入法官网成功上线。。。。。。嘻嘻。。。在路上

  • 大小: 15.8 KB
  • 大小: 7.7 KB
  • 大小: 15.4 KB
  • 大小: 10.4 KB
  • 大小: 11.8 KB
  • 大小: 21.6 KB
  • 大小: 11.3 KB
1
0
分享到:
评论
2 楼 zhangyaochun 2011-09-26  
macrotea 写道
我的百度输入法官网?
敢问这是何意?

没什么 自己的作品
1 楼 macrotea 2011-09-25  
我的百度输入法官网?
敢问这是何意?

相关推荐

    htmllink标签的使用

    `&lt;html:link&gt;` 标签是Struts框架中用于创建HTML `&lt;a&gt;` 元素的一个组件,它提供了处理请求参数和Session跟踪的功能,尤其在处理动态生成的链接时非常有用。下面我们将深入探讨该标签的特性、用法以及相关的知识点。 ...

    HTML标签与属性大全

    它由一系列标签和属性组成,这些元素共同构成了网页的结构和样式。以下是一些重要的HTML标签和属性的详细说明: 1. **基础标签**: - `&lt;html&gt;`:HTML文档的根元素,包含整个文档。 - `&lt;head&gt;`:定义文档头部,...

    HTML <link> 标签的 media 属性

    总结起来,`&lt;link&gt;`标签的`media`属性是HTML和CSS中一个非常实用的功能,它使得我们能够针对不同的设备和场景定制样式,从而提高网站的可访问性和用户体验。在实际开发中,合理利用`media`属性可以有效地实现响应式...

    HTML5的<link rel="shortcut icon"标签是干什么用的

    HTML5的&lt;link rel="shortcut icon"标签是用来定义网页的favicon,也就是我们常说的网页快捷图标。这个图标通常出现在浏览器的地址栏左侧、书签栏以及新标签页中,为用户提供了一个快速识别网站的视觉标识。它让网站...

    HTML rel 属性 - HTML link 标签 - 在 HTML 中嵌入 CSS - HTML教程,XHTML教程.htm

    HTML rel 属性 - HTML link 标签 - 在 HTML 中嵌入 CSS - HTML教程,XHTML教程.htm

    HTML常用标签和属性PPT

    HTML(HyperText Markup Language)是构建网页的基础语言,它通过一系列的标签和属性来描述页面结构和内容。这篇PPT "HTML常用标签和属性" 是为初学者设计的,旨在帮助他们快速掌握HTML的核心概念。 1. HTML标签: ...

    HTML常用标签属性汇总

    HTML(HyperText Markup Language)是构建网页的基本语言,它的...了解并熟练掌握这些标签和属性,将有助于创建功能丰富、易读性强的网页。在实践中不断探索和学习新的HTML特性,是成为一名优秀前端开发者的关键步骤。

    html5标签和属性使用[参考].pdf

    HTML5是现代网页开发的标准,它引入了许多新的标签和属性,以提高网页的语义性和可访问性。以下是一些重要的HTML5标签及其属性的详细解释: 1. `&lt;!DOCTYPE&gt;`:这个声明位于HTML文档的顶部,告诉浏览器文档遵循的是...

    html标签及属性大全

    下面将详细解释部分常用的HTML标签及其属性,帮助理解网页结构和功能。 #### `&lt;HTML&gt;` - **描述**:文档的根元素,所有的其他元素都应位于`&lt;HTML&gt;`标签内。 - **属性**:通常不包含属性,但在某些情况下可使用`lang...

    IO-LINK V1.1.2 和V1.1.3相关标准-中文和英文

    IO-LINK是工业自动化领域的一种通信协议,它提供了一种标准化的方法,使传感器和执行器与控制器之间实现简单、高效的数据交换。IO-LINK V1.1.2和V1.1.3是该技术的两个重要版本,它们定义了接口、通信规程以及设备的...

    顶尖标签秤程序 link32 6.03

    而“顶尖标签秤程序 link32 6.03”作为一款专业的标签秤软件,更是以其强大的功能和易用性深受用户青睐。本文将深入探讨该程序的核心特性、操作流程以及注意事项,帮助用户更好地掌握和应用。 一、核心特性 1. **...

    CC-LINK协议规范简介

    规范还包括了扩展性和冗余性的内容,使得设备间的连接和维护更加方便。 CC-LINK的应用极为广泛,从简单的设备控制到复杂的过程自动化,都展示了其在可靠性和性能上的优势。随着网络技术的飞速发展,CC-LINK也在不断...

    Cameralink接口标准详细讲解

    Cameralink接口标准是一种专为高速图像传输设计的硬件接口,广泛应用于工业相机、机器视觉系统和其他高数据速率应用。这个标准的出现,极大地提升了图像数据传输的速度和稳定性,使得实时处理大量图像数据成为可能。...

    CameraLink接口标准与协议.pdf

    CameraLink作为一种广泛应用于工业自动化、机器视觉等领域的图像传输标准,其开放性和灵活性为制造商提供了差异化的空间,同时也为用户带来了更高的性能和更低的成本。通过对CameraLink标准的深入理解,可以更好地...

    浅谈JS对html标签的属性的干预以及对CSS样式表属性的干预

    在这篇浅谈中,文章通过实例展示了如何利用JavaScript来改变`&lt;link&gt;`标签的`href`属性来更换CSS文件,从而实现对网站样式的动态切换。这里使用了两个函数`skin1`和`skin2`,它们分别将`&lt;link&gt;`标签的`href`属性设置...

    Camera-Link-v2.0-Feb10-2012-final-cameralink标准协议

    ### Camera-Link-v2.0 标准协议详解 #### 一、概述 Camera-Link-v2.0 是一项广泛采用的标准,旨在...随着未来技术的发展,我们有理由相信Camera-Link标准将会进一步完善和发展,为工业视觉领域带来更多创新的可能性。

    HTML标签及属性[参照].pdf

    理解并熟练运用这些HTML标签和属性是创建有效、符合标准的网页的关键,也是软件开发中的基础技能。通过HTML,开发者可以构建出丰富多样的网页内容,结合CSS和JavaScript实现动态和美观的用户体验。

Global site tag (gtag.js) - Google Analytics