对于html和css代码大家如何做评审

对于HTML和CSS代码的评审，通常需要考虑以下几个方面：

代码规范性：代码应该遵循一定的规范，如使用缩进、空格、换行等来提高代码的可读性和可维护性。
语义化：HTML代码应该尽可能地使用语义化标签，如使用<header>、<nav>、<section>、<article>、<aside>、<footer>等标签来表示页面的结构和内容，而不是使用<div>和<span>来表示所有内容。
可访问性：代码应该考虑到不同残疾人士的需求，如使用aria-label、aria-labelledby等属性来提高网站的可访问性。
兼容性：代码应该考虑到不同浏览器和设备的兼容性，如使用CSS的浏览器前缀、媒体查询等技术来确保网站在不同设备上的正常显示。
性能优化：代码应该考虑到网站的性能优化，如使用CSS的雪碧图、图片压缩、缓存策略等技术来提高网站的加载速度和性能。
代码可维护性：代码应该尽可能地简洁、清晰、易读，并且使用注释来解释代码的功能和用途。

在进行代码评审时，可以使用一些自动化工具来检查代码的规范性和可访问性，如使用ESLint、Prettier、stylelint等工具来检查JavaScript、CSS和HTML代码的规范性和可访问性。此外，也可以使用一些自动化工具来进行性能优化，如使用Webpack、Gulp等工具来压缩和合并代码，使用CDN等技术来加速网站的加载速度。

画布与DOM - HTML5中最有效的图像显示方法是什么？

performance、html、canvas、image

StackOverflow用户在创建html5应用程序/网站时，对于像图片库这样的情况，在浏览器中顺序或同时显示大量图像，使用canvas元素是否合理？既然我们只讨论呈现图像，那么使用画布并在其上绘制图像而不是使用DOM元素< img >标记有什么意义吗？还会有一些图像操作，比如CSS3转换/移动/缩放/缩放和手势识别(拖动、触摸/点击，可能是收缩等)。据我所知，它同时适用于canvas和img标签。同样重要的是保持尽可能多的"html5"-ish，并考虑到性能。例如，如果canvas元素在未来会越来越多地被浏览器使用和优化，那么它也很重要，如果现在<

浏览 1提问于2012-06-08得票数 7

回答已采纳

1回答

更新我的JSP web应用程序

java、jsp、architecture、ejb

我使用JSP和类开发了一个应用程序。我的JSP有java代码，可以调用我的Java类将数据保存到MySQL数据库中。我知道，现在这是一个糟糕的实践，但这是我学到的方式，我现在我想添加一个新的模块到应用程序，我想开始使用现代架构。我想听听你对这件事的建议：我应该使用什么样的体系结构来创建新的模块，使用现代模式，同时保持与已经开发的站点的兼容性。我应该使用什么技术或框架？我正在考虑在业务逻辑中使用EJB和JPA，在“客户机”端使用带有Primefaces的JSF (但我已经意识到将我已经创建的css样式与primefaces元素集成起来太困难了)。注意:将来我们可能需要开

浏览 0提问于2018-05-24得票数 0

1回答

网页格式问题

javascript、html、css

我创建了一个网站，并把它放在一个免费的托管网站上，我上传了我的文件，在我看来，它在电脑上很好，当我将浏览器窗口的宽度降到最小时，响应与我设计的完全一样好，但是当我在移动上打开程序时，这个站点非常糟糕，而不是我设计的那样和重叠的元素.同样地，当其他人在他的Macintosh电脑上为他打开这个网站时，当我从我的电脑上打开这个网站时，他犯了我没有的错误，尽管他有和我一样的浏览器，那就是Chrome。我的操作系统是Windows 10，原因是什么，解决方案是什么？请注意，我提供了所需的格式代码： <meta charset="UTF-8"> <meta lang=&#

浏览 5提问于2022-11-12得票数 -1

2回答

HTML5标签的使用

css、html

问题平均而言，HTML5语义标记的使用是否比CSS层(div)的使用有所增加？另外，它们之间是否有很大的区别，它是否优化了代码以获得更好的速度和可维护性？字符长度的差异不大，<div id="footer">在旧浏览器中兼容，无需使用或其他Javascript解决方案来模拟不受支持的浏览器中对HTML5的支持。因此，如果我只使用HTML5的语义标记，而不使用HTML5的任何高级功能(如audio、video等)，我是不是遗漏了什么？示例 <footer>和<div id="footer"> CSS

浏览 2提问于2011-04-28得票数 6

2回答

Grails YUI性能

grails、yui

使用grails YUI插件时，我注意到我的gui标记被一些插入到HTML页面中的javascript代码所取代。这种行为是否与雅虎将JavaScript和CSS设为外部的规则相矛盾？() 换句话说，我如何将脚本代码与HTML页面分开，以便允许外部js脚本缓存？为此，我应该使用grails ui性能插件()吗？还有没有别的办法呢？谢谢，盖伊

浏览 1提问于2009-11-02得票数 0

回答已采纳

2回答

Rails如何优化我的网站？

ruby-on-rails、performance、ruby-on-rails-3、optimization

我想让我的网站更快。我知道我可以让CSS精灵和压缩我的HTML和CSS。有没有其他方法可以优化我的页面速度？这个页面就是一个例子：加载分享按钮、评价明星和Facebook点赞需要几秒钟的时间。我真的很想优化它。我只是不认为最小化HTML和CSS是足够的。

浏览 1提问于2011-06-13得票数 3

回答已采纳

3回答

HTML加载加速

html、http、optimization、header、compression

我想加快HTML页面的加载速度。我知道我可以压缩HTML、JS和CSS，但是我想更进一步。而不是有到CSS和JS文件的链接，我会(或服务器)直接在头部复制和粘贴它们的内容。这基本上是为了节省几次到web服务器的TCP往返。我不知道的是。浏览器是否为每个JS和CSS文件发出单独的HTTP请求？将非常感谢您的意见谢谢！-Assaf

浏览 0提问于2011-01-04得票数 3

回答已采纳

1回答

为什么CSS比内联样式慢得多？

html

我制作了这个巨大的本地HMTL页面，其中大约有2万条来自一本西班牙语-英语词典。我想把西班牙语和英语区分开来，所以我把所有的西班牙语都换成了红色字体。我在20,000个条目之间添加了HTML代码，将每行转换成不同的颜色。(自动化为崇高) 第一个版本有一个单独的CSS样式表，其中我用.color类在div元素中定义颜色。加载大约需要6秒(我不是从服务器上下载，HTML和CSS都是本地存储在SSD上的)。该版本使用<p style="color:red;"> tags.内联，它在0.1秒内立即加载。为什么CSS版本比内联版本慢？我试过的每一个浏览器都会出现这种情况

浏览 1提问于2022-08-25得票数 -1

回答已采纳

4回答

在网站构建之前测试Web应用程序的计划

automated-testing、web-application、planning

我的一个熟人正在为他的(非营利)组织建立一个网站。由于我目前是一个基于桌面应用程序的自动化测试人员，我想我可以帮助他做一些web测试。我在web测试方面没有太多的经验，但我知道web测试的几个不同领域，比如用户体验、安全性和性能。这个站点基本上是从零开始构建的，我不会在前端或后端编写任何代码(至少在这个时候)。我肯定对使用Selenium创建一些自动化测试脚本感兴趣，但是我应该如何测试一个全新的网站呢？在这种情况下，是否有任何准备测试的好方法？编辑:虽然我想使用Selenium创建一些自动化测试，但我肯定不会走“只自动化”或“只使用Selenium”的路线。如有任何测试方向或想法，将不胜感激

浏览 0提问于2012-01-04得票数 3

回答已采纳

3回答

使用Google & Analytics，可以查看哪些数据来提高网站的性能？

seo、google-analytics、google-search-console

使用来自Google和Webmaster工具的数据，我应该查看哪些数据来提高我的网站性能？我想提高搜索引擎优化，可用性和只是我的网站的一般性能。编辑:这是一个投资组合网站，我们已经做了最初的SEO，也优化了所有的图像等，并使网站尽可能快。什么样的事情，我应该在分析和网站管理员的数据，以提高搜索引擎优化和每个个人网页的性能。编辑:是否有一种每周/每月检查的事情清单，以提高SEO和性能。

浏览 0提问于2011-06-27得票数 8

回答已采纳

11回答

为了提高性能，使用一个或多个css文件？

css、performance

我想知道是为CSS文件制作一个文件还是几个文件更好？我总是看到有很多css文件的网站，但它只使用一个大文件的。你的建议是什么？

浏览 7提问于2010-06-28得票数 14

回答已采纳

3回答

管理静态HTML web应用程序的JS和CSS

javascript、html、builds

我正在开发一个小型的web应用程序，它使用少量的静态HTML，并依赖JavaScript以JSON的形式加载应用程序数据，并据此动态创建web页面元素。第一个问题:这从根本上说是个坏主意吗？我不清楚有多少网站和web应用程序完全放弃了服务器端生成的HTML。(仅限于JS的网络应用在优雅的退化/渐进式增强和搜索引擎友好方面有明显的缺点，但我不认为这些是这个特定应用的问题。) 第二个问题:管理静态HTML、JS和CSS的最佳方法是什么？对于我的“开发构建”，我想要非小型化的第三方代码、多个JS和CSS文件，以便于组织等等。对于“发布构建”，所有的东西都应该缩小，连接在一起，等等。如果我在服务器端

浏览 0提问于2012-10-29得票数 7

4回答

除了最小化字符数之外，还有更多优化CSS的方法吗？

css、traversal、optimization

我读了很多关于jQuery优化以及如何改变选择器以减少DOM遍历量的文章，但除了通常的最小化过程之外，我还没有听说过太多关于CSS优化的内容。除了减少字符数和服务器请求之外，还有什么方法可以优化CSS加载/处理吗？

浏览 4提问于2011-09-08得票数 3

回答已采纳

3回答

提高网站性能

asp.net、performance、minify

我有一个相当大的网站( CSS网络)，我大量使用JavaScript (jquery，自定义javascipt等)，还有主题和asp.net。现在，我的系统中有大量的js和css文件，我正在考虑缩小和粉碎js和css文件以提高性能。因此，请建议我使用合适的工具和技术，并建议我在这些场景中应用的最佳实践。

浏览 2提问于2010-06-29得票数 1

回答已采纳

4回答

页面速度和慢工具是否足以了解网站的组织和性能

javascript、jquery、html、css、performance

我正在使用pagespeed，yslow来检查http请求的编号和jss，css和图像的网站组织。基于上述工具的建议，我们将js和css文件聚合为一个js和一个css。从HTML、js、css、图片的角度来看，除了images速度和yslow之外，还有什么其他的东西可以解决网站性能问题吗？任何建议或方向都会受到欢迎。

浏览 2提问于2010-11-09得票数 1

回答已采纳

13回答

编写HTML和CSS

html、css

所有这些“像这样”的大型网站是手动编写html和css，还是使用一些自动化工具来完成，因为我一直在为此而苦苦挣扎！谢谢Vishal

浏览 0提问于2009-10-31得票数 0

4回答

<div>标签中的文本-语义是否正确？

html、text、browser、compatibility

浏览 4提问于2014-05-31得票数 16

回答已采纳

3回答

如何使用PHP最小化HTML以提高性能

html、css、minify、minimize

我对最小化的概念有些陌生，但它看起来很简单。我理解像jQuery这样的库如何从最小化中获益，但我的问题是，它是否应该扩展到HTML和CSS (我见过CSS重置最小化代码，因此可能已经测量到了性能的提高)。首先，我不知道如何衡量性能的提高，但我想知道你们中是否有人有任何知识或经验，当最小化HTML和CSS代码(大量的，可以忽略的，等等)时，人们可以预期的性能提高的幅度。最后，我知道HTML，特别是XHTML对于维护代码的人来说应该尽可能具有可读性，这就是为什么我认为最好只在呈现时使用PHP来最小化这段代码。如果这是可行的，那么最好的方法是什么？只是修剪超文本标记语言和CSS ($html =

浏览 0提问于2012-05-13得票数 1

3回答

Android性能提升

android、performance、setter、getter

我怀疑哪个更好-使用getter，setter方法还是直接字段访问？在安卓网站 -它被指定为“避免内部Getters/Setters”。我的选择是使用直接字段访问，但我的朋友告诉我在Android中使用getter setter方法。对吗?如果是这样，那么使用getter setter方法有什么用呢？性能将如何提高？

浏览 4提问于2011-06-08得票数 0

1回答