html 5设计原则介绍
导语:
HTML5是构建Web内容的一种语言描述方式。HTML5是互联网的下一代标准,是构建以及呈现互联网内容的一种语言方式.被认为是互联网的核心技术之一。HTML产生于1990年,1997年HTML4成为互联网标准,并广泛应用于互联网应用的开发。
实际上,html5并不是由w3c直接制定的,w3c的方向是xhtml2,而不是html5。当xhtml2脱离现实,无法付诸实践时,w3c工作组才将研究方向转向html5。为什么xhtml2从未落到实处?因为它违反了一条设计原理,这条设计原理就是著名的伯斯塔尔法则——发送时要保守;接收时要开放。而在html5设计过程中遵循了一系列原则,才使得html5得以快速推广。本文将介绍html5遵循的5个设计原则
避免不必要的复杂性
html4
<!DOCTYPE html PUBLIC "-//W3C/DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
html5
<!DOCTYPE html>
html4
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> html5 <meta charset="utf-8">
支持已有内容
以下四段代码,在xhtml中只有第一段是正确的;而在html5中,所有的都是正确的
<img src="foo" alt="bar" /> <p class="foo">Hello world</p> <img src="foo" alt="bar"> <p class="foo">Hello world <IMG SRC="foo" ALT="bar"> <P CLASS="foo">Hello world</P> <img src=foo alt=bar> <p class=foo>Hello world</p>
(学习视频分享:html视频教程)
解决现实的问题
在html4中,即使两个块级元素元素有相同的链接地址,也必须分开写,因为内联元素不能包含块级元素
<h2><a href="/path/to/resource">Headline text</a></h2> <p><a href="/path/to/resource">Paragraph text.</a></p>
而在html5中,由于使用了内容模型,元素也可以包含块级元素
<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教程
以上是html 5设计原则介绍的详细内容。更多信息请关注PHP中文网其他相关文章!

热AI工具

Undresser.AI Undress
人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool
免费脱衣服图片

Clothoff.io
AI脱衣机

AI Hentai Generator
免费生成ai无尽的。

热门文章

热工具

记事本++7.3.1
好用且免费的代码编辑器

SublimeText3汉化版
中文版,非常好用

禅工作室 13.0.1
功能强大的PHP集成开发环境

Dreamweaver CS6
视觉化网页开发工具

SublimeText3 Mac版
神级代码编辑软件(SublimeText3)

热门话题

RESTAPI设计原则包括资源定义、URI设计、HTTP方法使用、状态码使用、版本控制和HATEOAS。1.资源应使用名词表示并保持层次结构。2.HTTP方法应符合其语义,如GET用于获取资源。3.状态码应正确使用,如404表示资源不存在。4.版本控制可通过URI或头部实现。5.HATEOAS通过响应中的链接引导客户端操作。

C#(CSharp)是一门强大而受欢迎的面向对象编程语言,广泛应用于软件开发领域。在C#开发过程中,了解面向对象编程(OOP)的基本概念和设计原则是非常重要的。面向对象编程是一种编程范式,它将现实世界中的事物抽象为对象,并通过对象之间的交互来实现系统功能。在C#中,类是面向对象编程的基本构建块,用于定义对象的属性和行为。在进行C#开发时,有几个重要的设计原

类设计原则在C++中至关重要,以下5个原则有助于创建有效且可维护的类:单一职责原则:每个类只负责一项任务。开闭原则:类可扩展而无需修改。依赖倒置原则:模块依赖于抽象接口而不是具体实现。接口隔离原则:接口尽可能小且有针对性。里氏替换原则:子类可无缝替换父类。

随着互联网应用的快速发展,RESTfulAPI已经成为了许多web应用的核心设计,而Go语言作为一门快速高效的编程语言,也逐渐成为了开发RESTfulAPI的首选语言。在Go语言中,RESTfulAPI的设计原则也十分重要。下面将介绍几个关键的原则,帮助你在Go语言中开发高质量的RESTfulAPI。单一职责原则在Go语言中,单一职责原则被广泛应用于

遵循良好的函数设计原则和最佳实践有助于创建易懂且高效的Java代码。这些原则包括单一职责、开放-封闭和低耦合高内聚。最佳实践包括命名约定、参数设计、异常处理、文档和测试。通过遵循这些原则,您可以编写高质量、可重用且可维护的函数,如计算两个数字平均值的函数。

学校管理系统的MySQL表结构设计原则引言在现代教育行业中,学校管理系统扮演着至关重要的角色。它帮助学校有效地管理学生、教师、课程和其他关键业务。在设计学校管理系统的数据库时,MySQL是一个强大的工具。本文将介绍学校管理系统的MySQL表结构设计原则,并提供具体的代码示例。一、标准化数据库设计在设计数据库时,标准化是一个关键的原则。标准化可以确保数据库的数

Java接口和类的区别:适用场景和设计原则,需要具体代码示例在Java编程中,接口和类是两个重要的概念。虽然它们都用于定义对象的行为和属性,但在实际应用中有着不同的用途和设计原则。本文将探讨Java接口和类的区别,以及它们各自适用的场景。首先,让我们来了解接口的概念。接口是一种抽象的概念,它定义了一组可供其他类实现的方法。接口中的方法通常只有方法的声明,没有

在PHP编程中,数据库约束设计是非常重要的部分。数据库约束可以确保数据的完整性、一致性和安全性,避免数据被恶意篡改或错误插入。因此,本文将介绍PHP编程中的数据库约束设计原则和技巧。1.主键和外键主键是用于唯一标识关系表中每个记录的列或一组列。在创建表时,应该始终定义主键。主键确保了数据的唯一性,可以在查询时更快地获取数据。外键是关系数据库中另一个重要的约束
