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

2.5 保持简洁

HTML5中简化的不仅仅是doctype。

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

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

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

<meta charset="UTF-8">

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

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

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

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

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

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

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

只需简单地写为:

<link rel="stylesheet" href="file.css">
时间: 2024-09-28 12:38:59

《HTML5+CSS3网页设计入门必读》——2.5 保持简洁的相关文章

《HTML5+CSS3网页设计入门必读》——导读

前言 当我和Mandy Brown.Jason Santa Maria成立A Book Apart时,我们十分希望对一个主题内容进行整理并成书出版,而且我们觉得,只有一个作者适合这项工作. 网页设计是基于标准的.虽然"real fonts"或CSS3也对网页设计产生了深远的影响,但HTML的影响是其他方面所无法比拟的.HTML是开发人员对W3C步调和政策不满的结果,它是为网页应用程序(而不仅仅是文件)而设计的,因此,虽然这个新版本的网络语言令网页设计界为之兴奋,但也导致了同等程度的愤怒

《HTML5+CSS3网页设计入门必读》——2.3 错误处理

2.3 错误处理 HTML5不仅声明了浏览器应该如何处理规范格式的标记,还首次规范了浏览器该如何处理格式不规范的文件. 浏览器厂商曾不得不独自研究如何处理错误.无论最流行的浏览器做出怎样的尝试,该过程通常都会涉及逆向工程,这会耗费浏览器厂商的时间.与其浪费时间模仿竞争对手处理有缺陷的标记,倒不如尝试实现新功能. 在HTML5中定义错误处理恐怕难以实现.虽然HTML5具有与HTML 4.01完全相同的元素和属性,并且完全没有添加新特性,但在2012年年底之前完成错误处理的定义仍然是徒劳的. 网页设

《HTML5+CSS3网页设计入门必读》——第2章 HTML5的设计2.1 设计原则

第2章 HTML5的设计 法国大革命是极端的政治和社会变革时期.这种革命热情也被倾注于对计时系统的改革中.在一段时期内,法兰西共和国引入了十进制计时制,即1天分为10小时,且1小时分为100分钟.该计时制的逻辑性和清晰性明显优于六十进制的计时制. 但十进制的计时制失败了.没有人使用这种计时制度.而XHTML 2的命运与之相似. W3C再次证明了法国大革命的教训:改变现有的行为习惯是非常非常困难的. 2.1 设计原则 为了避免过去所犯的错误,WHATWG起草了一系列设计原则以指导HTML5的开发.

《HTML5+CSS3网页设计入门必读》——6.4 使用Web字体

6.4 使用Web字体 在上一节中,看到我们十分确信所用的字体系列驻留在每个人的计算机上.也就是说,可以保证大多数计算机都会呈现Arial或Times New Roman,或者具有用于serif和sans-serif的所必需的默认字体,如果这是样式表所需要的话.但是,利用CSS3中包括的@font-face特性,甚至可以对在线放置的内容发挥更大的设计能力. 简而言之,@font-face特性允许在HTML5标记中定义要使用的字体,使得无论用户是否在他们的计算机上安装了那些字体(并且很有可能用户没

《HTML5+CSS3网页设计入门必读》——1.2 创建Web内容

1.2 创建Web内容 你可能注意到本书中使用的术语是"Web内容"(web content),而不是"Web页面"(web page),我们是有意这样做的.尽管我们谈论的是"访问Web页面",但是我们实际的意思是"查看我们计算机上的一个地址上的所有文本和图像".我们阅读的文本和查看的图像都是通过Web浏览器呈现的,在单独的文件中可以找到关于它们的某些指导. 这些文件可以包含被HTML代码标记(mark up)或包围的文本,告

《HTML5+CSS3网页设计入门必读》——2.6 语法:以自己的方式进行标记

2.6 语法:以自己的方式进行标记 一些编程语言,如Python,以其特殊的方式编写说明.使用空格来缩进代码是强制性的,空格很重要.而其他编程语言,如JavaScript,却不在格式方面作任何要求,每一行开头是否空格并不那么重要. 如果与一些程序员同处一室并说出"重要的空格"之类的话,那么就会导致一整晚不断升温的激烈辩论. 关于空格重要性的辩论核心存在一个基本的哲学问题:汇编语言应该保持特定的汇编风格,还是编写者可以按自己喜欢的风格编写? 标记并不需要空格.如果想要在每次嵌套元素时都添

《HTML5+CSS3网页设计入门必读》——2.2 切合现实

2.2 切合现实 持续的内部张力推动了HTML5的创立.一方面,规范需要足够强大,从而有能力支持创建网页应用程序,另一方面,虽然大多数现有内容都处于完全混乱的状态,但是HTML5仍需要支持已有的内容.如果 HTML5的规范在某一个方向上偏离得太远,那么它将重蹈XHTML 2的覆辙.但是,如果它在另一个相反的方向上偏离得太远,那么它就会认为标签和表单是万能的,因为这两者是大量网页建立的基础. 这是一种微妙的平衡,保持这种平衡需要务实且冷静的方法.

《HTML5+CSS3网页设计入门必读》——1.6 再次联手

1.6 再次联手 在WHATWG开发HTML5期间,W3C继续制定了XHTML 2规范.如果说XHTML2规范的制定速度很快,那是不准确的.实际上,这个过程是十分缓慢的. 2006年10月,蒂姆先生发表了一篇博文,承认将Web从HTML迁移到XML是行不通的.几个月后,W3C签发了新委任状,成立了一个HTML工作组.这个工作组并没有采取一切从头开始的方式,而是明智地决定:应该在WHATWG工作成果的基础上开发未来版本的HTML. 这样,时断时续的做法反而使情况变得令人困惑.W3C同时有两个工作组

《HTML5+CSS3网页设计入门必读》——2.7 我们不使用这种语言

2.7 我们不使用这种语言 对于旧版本的HTML,从规范中移除先前存在的元素或属性的过程被称为废弃.网页设计师不应该使用.回顾甚至提及已废弃的元素. HTML5中不含有被废弃的元素或属性,但却有大量过时的元素和属性. "过时"与"废弃"在含义上有着微妙的区别. 由于HTML5的目的是向后兼容已有内容,因此其规范必须承认先前存在的元素,即使这些元素已不包含在HTML5中.这将使情况变得略显混乱,因为其规范还声称"编写人员请不要使用该元素"以及&qu

《HTML5+CSS3网页设计入门必读》——2.8 转变(CH-CH变化)

2.8 转变(CH-CH变化) 元素big已经过时了,但元素small却还没有.通过重新定义small的含义,这种显著的矛盾已经得到解决.small的含义不再是其字面意义,即"在小号字体下进行显示".相反,其语义值变为法律术语.条款或附属细则以小号字体显示. 当然,十有八九,开发人员会以小号字体显示附属细则,但重点是该元素的字面意义已被取代. 元素b曾表示"用粗体显示".现在,它被用来将一些文本"偏离正常的样式而不具有任何额外的重要性".如果文本