《HTML5+CSS3网页设计入门必读》——2.5　保持简洁

本节书摘来自异步社区《HTML5+CSS3网页设计入门必读》一书中的第2章，第2.5节，作者： 【英】Jeremy Keith , 【美】Dan Cederholm 更多章节内容可以访问云栖社区“异步社区”公众号查看。

2.5　保持简洁

HTML5中简化的不仅仅是doctype。

如果想要指定一个标记文档的字符编码，那么最好的方法就是确保服务器发送了正确的Content-Type文件头（header）。如果想要双倍保险，那么也可以使用标签来指定字符集。是一个用 HTML 4.01 编写的文件声明：

<meta http-equiv="Content-Type" content="text/html; »
charset=UTF-8">

        

          
        
        
        

          

          AI 代码解读
        
      
      

下面的示例实现了与前一示例在HTML5中所实现的相同功能，但其实现方式更加令人印象深刻：

<meta charset="UTF-8">

        

          
        
        
        

          

          AI 代码解读
        
      
      

这种简化了字符编码的doctype包含了需要浏览器编译的最少字符数。

另一处可以缩减字符数量的地方是

<script type="text/javascript" src="file.js"><script>

        

          
        
        
        

          

          AI 代码解读
        
      
      

浏览器并不需要该属性。它们假定该脚本已用JavaScript编写。JavaScript是最流行的网页脚本语言（实际上，JavaScript也是唯一的一种网络脚本语言）：

<script src="file.js"><script>

        

          
        
        
        

          

          AI 代码解读
        
      
      

同样，不需要在每次链接到CSS文件时都指定一个值为 “text/ CSS” 的type属性：

<link rel="stylesheet" type="text/css" href="file.css">

        

          
        
        
        

          

          AI 代码解读
        
      
      

只需简单地写为：

<link rel="stylesheet" href="file.css">

        

          
        
        
        

          

          AI 代码解读