html5需遵循怎样的6个设计原则？-木庄网络博客

本文摘自PHP中文网，作者青灯夜游，侵删。

本章将介绍html5需要遵循的6个设计原则，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。

原则一：避免不必要的复杂性

html4

1 2	`<!DOCTYPE html PUBLIC "-//W3C/DTD HTML 4.01//EN" "` `<meta` `http-equiv="Content-Type"` `content="text/html; charset=utf-8">`

html5

1 2	`<!DOCTYPE html>` `<meta` `charset="utf-8">`

原则二：支持已有的内容

以下四段代码，在xhtml中只有第一段是正确的；而在html5中，所有的都是正确的

1 2	`<img` `src="foo"` `alt="bar"` `/>` `<p` `class="foo">Hello world</p>`

1 2	`<img` `src="foo"` `alt="bar">` `<p` `class="foo">Hello world`

1 2	`<IMG` `SRC="foo"` `ALT="bar">` `<P` `CLASS="foo">Hello world</P>`

1 2	`<img` `src=foo` `alt=bar>` `<p` `class=foo>Hello world</p>`

原则三：解决现实的问题

在html4中，即使两个块级元素元素有相同的链接地址，也必须分开写，因为内联元素不能包含块级元素

1 2	`<h2><a` `href="/path/to/resource">Headline text</a></h2>` `<p><a` `href="/path/to/resource">Paragraph text.</a></p>`

而在html5中，由于使用了内容模型，<a>元素也可以包含块级元素

<a href="/path/to/resource">  
    <h2>Headline text</h2>  
    <p>Paragraph text.</p>  
</a>

原则四：求真务实

html5新增了多个元素，其中包括：section、article、aside和nav，它们代表了一种新的内容模型――给内容分区。以前人们一直都在用div来组织页面中的内容，但与其他类似的元素一样，div本身并没有语义。但section、article、aside和nav实际上是在明确地告诉你――这一块就像文档中的另一个文档一样。位于这些元素中的任何内容，都可以拥有自己的概要、标题，自己的脚部。

原则五：平稳退化

浏览器在遇到不识别的type值时，会将type的值解释为text

input type="number"
input type="search"
input type="range"
input type="email"
input type="date"
input type="url"

原则六：最终用户优先

一旦遇到冲突，最终用户优先，其次是作者，其次是实现者，其次标准制定者，最后才是理论上的完满。

以上就是html5需遵循怎样的6个设计原则？的详细内容，更多文章请关注木庄网络博客！

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者

转载请注明出处：木庄网络博客 » html5需遵循怎样的6个设计原则？

html5需遵循怎样的6个设计原则？

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

相关推荐

评论