返回顶部
首页 > 资讯 > 前端开发 > VUE >html5需遵循的设计原则有哪些
  • 118
分享到

html5需遵循的设计原则有哪些

2024-04-02 19:04:59 118人浏览 安东尼
摘要

今天就跟大家聊聊有关HTML5需遵循的设计原则有哪些,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。实际上,html5并不是由w3c直接制定的,w3c

今天就跟大家聊聊有关HTML5需遵循的设计原则有哪些,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。

实际上,html5并不是由w3c直接制定的,w3c的方向是xhtml2,而不是html5。当xhtml2脱离现实,无法付诸实践时,w3c工作组才将研究方向转向html5。为什么xhtml2从未落到实处?因为它违反了一条设计原理,这条设计原理就是著名的伯斯塔尔法则——发送时要保守;接收时要开放。而在html5设计过程中遵循了一系列原则,才使得html5得以快速推广,具体如下

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

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中,所有的都是正确的

XML/HTML Code复制内容到剪贴板

<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>

  

原则三:解决现实的问题

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

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

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

XML/HTML Code复制内容到剪贴板

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


原则四:求真务实

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

原则五:平稳退化
 
浏览器在遇到不识别的type值时,会将type的值解释为text

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

原则六:最终用户优先

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

看完上述内容,你们对html5需遵循的设计原则有哪些有进一步的了解吗?如果还想了解更多知识或者相关内容,请关注编程网VUE频道,感谢大家的支持。

--结束END--

本文标题: html5需遵循的设计原则有哪些

本文链接: https://www.lsjlt.com/news/81345.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

猜你喜欢
  • html5需遵循的设计原则有哪些
    今天就跟大家聊聊有关html5需遵循的设计原则有哪些,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。实际上,html5并不是由w3c直接制定的,w3c...
    99+
    2024-04-02
  • 设计java中的接口需要遵循哪些原则
    设计java接口的规范性建议:1.职责原则在设计接口时,必须明确接口的职责,即接口类型,接口应解决什么业务问题等2.单一性原则在明确接口职责的条件下,尽量做到接口单一,即一个接口只做一件事,而非两件以上。很多非资深接口设计者,在设计接口时,...
    99+
    2016-11-03
    设计 java 接口 原则
  • html5应遵循的规则有哪些
    本文小编为大家详细介绍“html5应遵循的规则有哪些”,内容详细,步骤清晰,细节处理妥当,希望这篇“html5应遵循的规则有哪些”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。 ...
    99+
    2024-04-02
  • 建设品牌网站需要遵循哪些原则
    建设品牌网站需要遵循哪些原则?相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。实现品牌网站建设的4大原则是: 国际水平的网页设计作为用户最关注的视觉部分,高端网站设计应当具有一流的...
    99+
    2023-06-07
  • 软件设计中模块划分应遵循的准则有哪些
    这篇文章给大家分享的是有关软件设计中模块划分应遵循的准则有哪些的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。软件设计中模块划分应遵循的准则是高内聚低耦合。软件设计是从软件需求规格说明书出发,根据需求分析阶段确定的...
    99+
    2023-06-14
  • Apache 的架构师们遵循的 30 条设计原则
    本文作者叫 Srinath,是一位科学家,软件架构师,也是一名在分布式系统上工作的程序员。 他是 Apache Axis2 项目的联合创始人,也是 Apache Software 基金会的成员。 他是WSO2流处理器(w...
    99+
    2023-06-05
  • Golang面向对象设计最佳实践:遵循设计原则和模式
    在 golang 中进行面向对象设计时,遵循最佳实践至关重要,包括遵守设计原则(srp、ocp、dip、isp)和使用设计模式(工厂模式、单例模式、策略模式、观察者模式)。这些原则和模式...
    99+
    2024-05-11
    面向对象设计 设计原则 golang
  • Java中有哪些设计原则
    本篇文章给大家分享的是有关Java中有哪些设计原则,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。一、单一职责原则(SingleResponsibilityPrinciple,S...
    99+
    2023-06-15
  • rest api设计原则有哪些
    遵循HTTP协议:REST API应该遵循HTTP协议的规范,使用HTTP方法(GET、POST、PUT、DELETE)来操作资源,...
    99+
    2023-10-19
    restapi
  • Design Pattern设计原则有哪些
    这篇文章给大家分享的是有关Design Pattern设计原则有哪些的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。Design Pattern 笔记过于僵硬:不能轻松的加入新的功能过于脆弱:修改一处可能波及到很多...
    99+
    2023-06-03
  • 在Java中使用重写时需要遵循哪些规则
    在Java中使用重写时需要遵循哪些规则?很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。01、什么是重写?重写带来了一种非常重要的能力,可以让子类重新实现从超类那继...
    99+
    2023-06-14
  • PHP Web 服务开发与 API 设计如何遵循 REST 原则
    遵循 rest 原则进行 php web 服务开发和 api 设计:使用统一接口访问资源。保持无状态,不存储客户端信息。启用缓存以提高性能。分层系统便于客户端和服务器通信。在 php 中...
    99+
    2024-05-06
    php rest laravel
  • Java设计模式的原则有哪些
    本文小编为大家详细介绍“Java设计模式的原则有哪些”,内容详细,步骤清晰,细节处理妥当,希望这篇“Java设计模式的原则有哪些”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。设计模式的六大原则:1、单一职责原则,...
    99+
    2023-07-04
  • php设计模式的原则有哪些
    PHP设计模式的原则包括以下几个:1. 单一职责原则(Single Responsibility Principle,SRP):一个...
    99+
    2023-08-14
    php
  • JavaScript中API设计原则有哪些
    本篇文章为大家展示了JavaScript中API设计原则有哪些,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。一、接口的流畅性好的接口是流畅易懂的,他主要体现如下几个...
    99+
    2024-04-02
  • java设计模式有哪些原则
    这篇文章将为大家详细讲解有关java设计模式有哪些原则,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。设计模式软件设计模式(Design pattern),又称设计模式,是一套被反复使用、多数...
    99+
    2023-06-20
  • MySQL索引设计原则有哪些
    这篇文章主要介绍了MySQL索引设计原则有哪些的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇MySQL索引设计原则有哪些文章都会有所收获,下面我们一起来看看吧。哪些情况适合创建...
    99+
    2023-01-31
    mysql
  • 建设企业网站时需要遵循哪些规律
    这篇文章给大家介绍建设企业网站时需要遵循哪些规律,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。第一规律、明确企业网站所针对的用户群:第一步要了解的就是自己网站的用户定位,产品的用户定位。不要网站做了半年,或在公司呆了几...
    99+
    2023-06-07
  • 网站建设必须要遵循的原则是什么
    小编给大家分享一下网站建设必须要遵循的原则是什么,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!第一、产品为核心企业的网站最为重要的一项功能就是对企业的产品或者服务...
    99+
    2023-06-12
  • Java中设计模式的原则有哪些
    本篇文章给大家分享的是有关Java中设计模式的原则有哪些,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。Java中的设计模式与7大原则:一、创建型模式抽象工厂模式(Abstrac...
    99+
    2023-05-31
    java 设计模式 ava
软考高级职称资格查询
推荐阅读
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作