- 浏览: 19521 次
- 性别:
- 来自: 北京
最新评论
web标准简单来说可以分为结构、表现和行为。其中结构主要是有HTML标签组成。或许通俗点说,在页面body里面我们写入的标签都是为了页面的结构。表现即指css样式表,通过css可以是页面的结构标签更具美感。行为是指页面和用户具有一定的交互,同时页面结构或者表现发生变化,主要是有js组成。
W3C对web标准提出了规范化的要求,也就是在实际编程中的一些代码规范:包含如下几点
1.对于结构要求:(标签规范可以提高搜索引擎对页面的抓取效率,对SEO很有帮助)
1)。标签字母要小写
2)。标签要闭合
3)。标签不允许随意嵌套
2.对于css和js来说
1)。尽量使用外链css样式表和js脚本。是结构、表现和行为分为三块,符合规范。同时提高页面渲染速度,提高用户的体验。
2)。样式尽量少用行间样式表,使结构与表现分离,标签的id和class等属性命名要做到见文知义,标签越少,加载越快,用户体验提高,代码维护简单,便于改版
3)。不需要变动页面内容,便可提供打印版本而不需要复制内容,提高网站易用性。
W3C对web标准提出了规范化的要求,也就是在实际编程中的一些代码规范:包含如下几点
1.对于结构要求:(标签规范可以提高搜索引擎对页面的抓取效率,对SEO很有帮助)
1)。标签字母要小写
2)。标签要闭合
3)。标签不允许随意嵌套
2.对于css和js来说
1)。尽量使用外链css样式表和js脚本。是结构、表现和行为分为三块,符合规范。同时提高页面渲染速度,提高用户的体验。
2)。样式尽量少用行间样式表,使结构与表现分离,标签的id和class等属性命名要做到见文知义,标签越少,加载越快,用户体验提高,代码维护简单,便于改版
3)。不需要变动页面内容,便可提供打印版本而不需要复制内容,提高网站易用性。
发表评论
-
css兼容问题
2018-02-26 13:14 4081. 就是 ie6 双倍边距的问题,在使用了 float 的情 ... -
css
2018-02-23 11:06 4541.#nav li {} 看起来很快,实际上很慢,尽管这让人 ... -
总结一些每次写都要百度的样式 and so on
2016-06-03 14:00 496本次总结无关乎顺序, ... -
js检测css样式的兼容问题
2015-07-24 20:30 870<script> ... -
canvas画布基础
2015-07-10 20:47 468canvas是个神奇的标签,开始学习之后就停不下来,这两天一直 ... -
PHP正则表达式
2015-07-07 14:34 462正则表达式的基本语法 ... -
PHP字符串与数组常用函数
2015-07-07 10:42 2002字符串: 字符串的连接:PHP中用英文的点号.来连接两个字符串 ... -
DOM事件对象event、IE中的事件对象
2015-07-02 16:45 527DOM中的事件对象: type属性用于获取事件类型; targ ... -
跨浏览器事件处理程序
2015-07-02 16:03 501<div id = "box"& ... -
jQuery获取父级元素、同级元素、子元素、过滤
2015-07-01 15:50 515父级元素: <body>body (曾曾祖父) ... -
点击按钮实现轮播切换
2015-06-29 19:13 1012HTML: <div class="con3 ... -
jQuery验证邮箱手机
2015-06-29 19:03 542验证邮箱: function checkSignEmail ... -
ios多线程
2014-11-27 14:35 478最近写了一个东西需要加载网络上的图片,运行的时候一直卡到一个界 ... -
取出数组中的值
2014-11-01 21:08 332在写程序的时候,遇到一个问题,想把数组[a,b]中的a,b添加 ... -
解析json获取数据
2014-11-01 20:57 423NSError *error; NSURLReq ... -
cell重用问题
2014-11-01 20:44 601解决问题之前,在cell上添加了label,但是给label添 ... -
保存并获取数据
2014-09-27 19:38 325在IOS开发过程中,经常会遇到数据保存的问题,现在主要说一下用 ... -
UINavigationController实现页面跳转
2014-09-19 20:31 807总结一下利用navigationController push ... -
tableviewcell添加label、button
2014-09-13 22:02 16571.给tableviewcell添加label,首先 CG ... -
简单表视图并实现添加数据
2014-09-10 19:21 13511.基础:表用于显示数据列表。数据列表中的每项都由行表示。表视 ...
相关推荐
### Web标准初探 #### 1. 什么是Web标准? Web标准是一系列旨在规范Web开发实践的技术规范和指导原则的集合。它强调内容与表现形式的分离,旨在提高Web内容的可访问性、可维护性和跨平台兼容性。Web标准包括三个...
《Web标准设计》是一本深度探讨Web开发领域的权威著作,旨在提升网页设计的质量、可访问性和性能。本书的核心内容围绕着Web标准展开,包括HTML、CSS、JavaScript等核心技术,以及可访问性、响应式设计、搜索引擎优化...
《Web标准设计》是一本深度探讨Web开发领域中标准与最佳实践的重要著作。该书以PDF格式提供,旨在帮助开发者理解和应用Web标准,提升网站的可访问性、可维护性和性能。以下是对这本书中关键知识点的详细阐述: 1. *...
《WEB标准与网站重构》是一本深入探讨网页设计与开发技术的专业教程,旨在帮助读者理解和掌握Web标准,以及如何利用这些标准进行网站重构。在Web发展的历程中,标准的引入对于提升网页的质量、可访问性、性能和维护...
《精通CSS:高级Web标准解决方案》是一本专为前端开发者深度探索CSS技术的权威指南,由英国的三位知名Web开发专家尼尔·巴德(Nigel Bardsley)、克里斯·科利森(Chris Collison)和加雷斯·莫尔(Gareth Moore)...
《精通CSS:高级Web标准解决方案》是一本深入探讨CSS(层叠样式表)技术的专业书籍,旨在帮助读者提升在Web设计中的CSS应用能力。这本书详细介绍了如何利用CSS实现高质量、可维护、跨浏览器的网页布局,是Web开发者...
《WEB标准和网站重构》这本书深入探讨了网络开发的核心原则,旨在提升网页设计的质量和可访问性。在当今数字化世界中,web标准是确保网站在不同设备和浏览器间兼容、性能优化以及无障碍访问的关键。而网站重构则是对...
Web标准化是现代网页设计的核心,它旨在提升网页的可访问性、可维护性和跨平台兼容性。学习网页标准,特别是对于新手来说,是一项至关重要的任务。以下是一份详细的指南,帮助你逐步掌握Web标准化。 首先,你需要...
网站重构和Web标准设计是现代网页开发中的关键概念,它们对于提升用户体验、优化网页性能以及维护网站代码都有着深远的影响。在此,我们将深入探讨这两个主题,结合提供的资源——"网站重构&Web标准设计第一版.ppt...
在本资源中,我们主要探讨的是“Web标准网页设计与ASP”的主题,这是清华大学出版的一本书籍的第七章内容,以PPT的形式呈现,并且包含了相关的代码示例。这一章节可能深入讲解了如何将Web标准实践应用到使用ASP...
《精通CSS:高级Web标准解决方案》是一本专为网页设计师和开发者编写的经典教程,旨在深入探讨CSS(层叠样式表)技术,帮助读者提升在Web设计中的专业技能。作者Andy Budd是一位知名的Web设计师和讲师,他的这本书以...
### 初学Web标准的几个误区 #### 误区一:仅为通过校验而标准化 - **核心要点**:Web标准的本质在于实现内容与表现的分离,而非单纯追求代码的校验通过。通过将样式(CSS)与内容(HTML)分离,可以更高效地管理...
语义 Web 标准体系协议栈 语义 Web 是一种新的 Web 体系结构,它的出现是为了解决传统 Web 中数据组织和分析的瓶颈。语义 Web 的概念是由 Tim Berners-Lee 在 1998 年提出的,它的目的是使计算机和人类能够更好地...
**WEB标准与网站重构** 网页设计领域中的"WEB标准"是指一套规范,旨在提升网络内容的质量、可访问性、互操作性和效率。这些标准由万维网联盟(W3C)制定,包括HTML(超文本标记语言)、CSS(层叠样式表)、XML(可...
《博客园精华集.Web标准之道》是一本涵盖了Web开发领域核心知识的精选合集,它主要聚焦于Web标准,这是构建高效、可访问且具有良好用户体验的网页所必需的基础。Web标准涉及HTML、CSS、JavaScript等多个方面,对于...
Opera,作为知名的网络浏览器,一直对Web标准有着深入的支持,因此其推出的Web标准课程具有很高的权威性和实用性。 **一、CSS基本概念** CSS是一种样式表语言,它与HTML或XML(包括SVG、MathML等)文档结合使用,...