如何查看页面写的是否规范

对于一些新手，学习了前端后，会尝试自己写一些网页，然后通过 CSS、Js 等使页面达到自己所期待的样子。嗯？！，，好像没什么毛病。曾经我也是这么想的，页面已经达到我想要的了，这就可以了，却没想过代码是否真的符合规范。其实检查的方法很简单，如下：

1、用浏览器打开写好的页面

2、审查元素

3、右击 head ，找到 delete Element，点击删除

4、再来看看网页，看它还跟之前的“一样”吗？你还能根据页面内容清晰的知道网页所要传递的信息吗？如果可以，那你的页面算是初步过关了。

时间： 2024-10-22 20:29:46

如何查看页面写的是否规范的相关文章

sharepoint 2013 自定义列表查看页面附件打开新页面方法 dispform attachments open new page

我们在sharepoint的列表中,打开某一条数据,如果那条数据有附件,打开附件的时候,总是会把当前的页面给替换掉.如何在点击附件的时候,打开新页面,可以用一下一段脚本来处理. <script> $(document).ready(function () { if ($("#idAttachmentsTable") != null) { $('#idAttachmentsTabletbody tr td').each(function () { var href = $(t

IDEA在jsp页面写Java代码报错

如题,我以前用myeclipse,eclipse的时候,在jsp里写Java代码都是可以的,现在我换成了IDEA,却莫名报错 而且没有代码提示,比如说下图这样的,,虽然运行还是能运行...但对强迫症而言,实在不能忍 之前一直以为是idea对这种写法不太支持(毕竟都mvc思想了,在jsp里写java是有点那啥...),直到今天用idea写servlet类也报错..才去找了找,发现原来是可以配置的,tomcat的架包依赖没有导入 然后就ok了 不行的话 重启一下idea就可以 现在你可以用idea在

wordpress登录账号之后才能查看页面，实例

函数: <?php auth_redirect(); ?> 例子: 要求用户登录才能查看页面 if(!is_user_logged_in()){ auth_redirect(); } 源文件:auth_redirect()位于 wp-includes/pluggable.php 描述: 检查用户是否登录,如果没有,则将其重定向到登录页面. 从页面调用此代码时,它将检查查看页面的用户是否已登录.如果用户未登录,则会将其重定向到登录页面.用户被重定向的方式是,登录后,他们将被直接发送到他们最初尝试

2.4.1、Google Analytics高级应用——查看页面上下级

在GA中查看上下级页面有默认参数:先前页面路径和后续页面路径,但出来的结果往往是前后相等的,错误的,如图2-48所示: 图2-48 常看页面上下级 在GA里面还有另一个位置可以查看页面的上下级页面,在GA里面选择“行为”→“网站内容”→“所有页面”→“导航摘到”→“当前选择”,再选择需要查看的页面,如图2-49所示: 图2-49 导航摘要 结果如图:默认是显示前十大上下级页面,可以调整“显示行数”参数调整显示数量.接下来看看解读报告里面数量的关系,如图2-50所示: 图2-50 导航摘要报告的数

手写Promise A+ 规范

基于ES6语法手写promise A+ 规范,源码实现 class Promise { constructor(excutorCallBack) { this.status = 'pending'; this.value = undefined; this.fulfilledAry = []; this.rejectedAry = []; //=>执行EXCUTOR(异常捕获) let resolveFn = result => { let timer = setTimeout(() =>

使用chrome查看页面元素的css样式

我们在写页面的时候,可能总是不知道怎么回事,就发现某个元素出现了问题,但是不知道为什么会这样,这时候,就需要使用强大的chrome了!!! 举例说明: 1. 我们希望看到博客园这张图片的具体信息.就可以打开chrome的开发者工具,点击箭头后选中该图片,这时代码就自动定位到了该元素的HTML代码,如下图所示: 这个页面中,右上方的蓝色阴影下即为图片元素所在的HTML代码,而开发者工具的左下方就是该元素的css样式代码: 其中最上面的是行内样式, 往下有我们对其进行直接的样式设置的代码: 往下有从

ionic 简单的照片查看页面

近期项目有个需求,要扫码查看图片和地图,既然是手机端,又没什么交互,那就还是用ionic/Angular来开发吧 从其它项目里把文件夹拷过来,node_module文件夹保留,把其它项目的业务逻辑和界面删除,保存公共的部份,tab分成图片查看和地图浏览,空框架跑起来正常 1.node_module,用npm install跑一下有些警告,但还是能用 2.图片直接用<img>或<ion-img>只能普通展示,不支持双击放大或手指缩放,还有这种事? 3.网上找了半天,有个叫[ionic

git提交时写message的规范

message规范 angular示例 commit message(提交说明) git commit -m "写一行提交说明" # 跳出文本编辑器,写多行 git commit # add && commit 注意:add只针对修改文件不包括新增加的文件 git commit -am "" commit message格式 <type>(<scope>): <subject> // 空一行 <body>

JSP页面和属性命名规范

 1.页面命名: 登陆 Login注册 Register用户 User创建 Create修改 Update删除 Delete查询 Selete控制器 Controller用户名 Username密码 Password JSP页面命名首字母小写,建议全部采用小写.如:product_list.jsp 或者productList.jsp如果不太会英文,则用拼音首字母或者完整拼音进行命名:或者拿翻译字典查.(多个单词建议用”_“隔开),一般不要超过20个字节. 2.属性命名 id:连接符命名法“id-