18910140161

html5需遵循的6个设计原则

顺晟科技

2021-06-16 10:54:34

181

其实html5不是w3c直接制定的,w3c的方向是xhtml2,不是html5。当xhtml2脱离现实,无法付诸实践时,w3c工作组将把研究方向转向html5。为什么xhtml2一直没有实现?因为违反了一个设计原则,这个设计原则就是的Burstal规则——发送时要保守;接收时打开。然而,在html5的设计过程中遵循一系列原则使得html5得以迅速普及。本文将介绍html5遵循的六个设计原则,如下所示

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

html4

!DOCTYPE HTML PUBLIC '-//W3C/DTD HTML 4.01//EN ' ' http://www . w3 . org/TR/HTML 4/strict . DTD '

html5

!声明文档类型

html4

meta http-equiv=' Content-Type ' Content=' text/html;charset=utf-8 '

html5

meta charset='utf-8 '

原则二:支持已有的内容

下面四个代码中,只有个在xhtml中是正确的;在html5中,一切都是正确的

XML/HTML代码将内容复制到剪贴板

imgsrc='foo'alt='bar'/

pclass='foo'Helloworld/p

imgsrc='foo'alt='bar '

pclass='foo'Helloworld

IMGSRC='foo'ALT='bar '

PCLASS='foo'Helloworld/P

imgsrc=fooalt=bar

p class=Foohhelloworld/p

原则三:解决现实的问题

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

h2a href='/path/to/resource '标题文本/a/h2

段落文本。/a/p

在html5中,由于内容模型,一个元素也可以包含块级元素

XML/HTML代码将内容复制到剪贴板

ahref='/path/to/resource '

h2标题文本/h2

pParagraphtext。/p

/a

原则四:求真务实

Html5增加了几个新的元素,包括节、文章、侧边和导航,代表了一个新的内容模型——来划分内容。以前人们用div来组织页面的内容,但是和其他类似的元素一样,div本身没有语义。但是部分、文章、侧边和导航实际上明确地告诉你,——就像文档中的另一个文档。这些元素中的任何东西都可以有自己的总结,标题和脚。

原则五:平稳退化

当浏览器遇到无法识别的类型值时,它会将类型值解释为文本

输入类型='数字'

输入类型='搜索'

输入类型='范围'

输入类型='电子邮件'

输入类型='日期'

输入类型='url '

原则六:最终用户优先

在冲突的情况下,最终用户是位的,其次是作者、实施者、标准制定者和理论完善者。

  • TAG:
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航