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

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

linkhtml 
阅读更多

今天在某一个大型网站的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
踩
分享到：
| js---面向对象OOP浅谈
评论
2 楼 zhangyaochun 2011-09-26  
macrotea 写道
我的百度输入法官网?
敢问这是何意?

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

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics