首页 web前端 H5教程 html 5设计原则介绍

html 5设计原则介绍

Feb 01, 2021 pm 02:14 PM
设计原则

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中,由于使用了内容模型,元素也可以包含块级元素

内容模型

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

平稳退化

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

相关推荐:html5教程

以上是html 5设计原则介绍的详细内容。更多信息请关注PHP中文网其他相关文章!

本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热AI工具

Undresser.AI Undress

Undresser.AI Undress

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

AI Clothes Remover

AI Clothes Remover

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

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

AI Hentai Generator

AI Hentai Generator

免费生成ai无尽的。

热门文章

R.E.P.O.能量晶体解释及其做什么(黄色晶体)
1 个月前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳图形设置
1 个月前 By 尊渡假赌尊渡假赌尊渡假赌
威尔R.E.P.O.有交叉游戏吗?
1 个月前 By 尊渡假赌尊渡假赌尊渡假赌

热工具

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

什么是REST API设计原理? 什么是REST API设计原理? Apr 04, 2025 am 12:01 AM

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

C#开发经验分享:面向对象编程与设计原则 C#开发经验分享:面向对象编程与设计原则 Nov 22, 2023 am 08:18 AM

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

C++类设计原则有哪些? C++类设计原则有哪些? Jun 02, 2024 pm 03:30 PM

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

设计RESTful API的原则在Go语言中 设计RESTful API的原则在Go语言中 Jan 22, 2024 am 11:23 AM

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

Java函数设计原则与最佳实践 Java函数设计原则与最佳实践 Apr 20, 2024 am 08:21 AM

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

学校管理系统的MySQL表结构设计原则 学校管理系统的MySQL表结构设计原则 Oct 31, 2023 am 10:10 AM

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

Java接口和类的异同之处:用途和设计原则 Java接口和类的异同之处:用途和设计原则 Dec 23, 2023 pm 02:15 PM

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

数据库约束设计原则:PHP编程中的技巧 数据库约束设计原则:PHP编程中的技巧 Jun 22, 2023 pm 08:22 PM

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

See all articles