分类 HTML 下的文章

宇托 HTML, Referrer 0 条

什么是引用策略(Referrer Policy)?引用策略就是从一个文档发出请求时,是否在请求头部定义Referrer的设置。目前很多网站的防盗链机制都是用头部定义Referrer来判断是否是盗链。其实这个很容易破解,自己在请求时加上Referrer头部就行。在哪些情况下会设置引用头呢?一般来说,加载一个HTML页面之后,本HTML页面里的JavaScript文件,CSS文件,画面文件都会设置Referrer。然后,点击这个HTM...

宇托 HTML, CSS 1 条

利用 CSS 来实现对象的垂直居中有许多不同的方法,比较难的是选择那个正确的方法。我下面说明一下我看到的好的方法和怎么来创建一个好的居中网站。使用 CSS 实现垂直居中并不容易。有些方法在一些浏览器中无效。下面我们看一下使对象垂直集中的5种不同方法,以及它们各自的优缺点。(可以看看测试页面,有简短解释。)方法一这个方法把一些 div 的显示方式设置为表格,因此我们可以使用表格的 vertical-align property 属性...

宇托 none 0 条

之前看BING的SEO推荐设置里,我没有设置页面语言。它推荐我设置content-language。在网上找了一下,设置方法很简单。直接在页面里加上下面的代码就行。<meta http-equiv="content-language" content="zh-CN" />上面在代码中的zh-CN表示语言和国家。如果需要设置其它语言和国家,也可以。把一些常用的附到下面吧。常用语言简...

宇托 HTML, CSS, Style 0 条

在HTML中,了解各个标签的默认样式,有助于理解代码的表现,也有利于精简代码。(๑•́ ₃ •̀๑)head { display: none; } body { margin: 8px; line-height: 1.12; } button, textarea, input, object, select { display: inline-block; } ol, ul, dir, men...

宇托 none 0 条

现在,有越来越多所谓的“教程”来帮助我们提高网站的易用性。本文收集了一些在Web开发中容易出错和被忽略的小问题,并且提供了参考的解决方案,以便于帮助Web开发者更好的完善网站。通过避免下面这些小错误,可以使得我们的网站变得更为友好。错误1:表单的label标签跟表单字段没有关联利用“for”属性允许用户单击label也可以选中表单中的内容。这可以扩大复选框和单选框的点击区域,非常实用。错误2:logo图片没有链接到主页点击网站lo...

宇托 HTML, CSS 0 条

在CSS中经常提到伪类和伪元素,那两者到底是什么?两者又有什么区别呢伪类是什么伪类的英文是Pseudo-classes,它在W3C的官方网站上的介绍如下:The pseudo-class concept is introduced to permit selection based on information that lies outside of the document tree or that cannot be exp...

宇托 HTML, CSS 0 条

之前写CSS时,对CSS的权重总是无法理解。到底会使用哪一个CSS定义基本上搞不明白,在网上查了一堆资料,总算对CSS优先集权重的计算有一点理解。个人认为CSS优先级可以分为五个判断级别,从高到低分别为:是否有!important声明,标签内Style定义,ID选择符定义,Class选择符定义,元素选择符定义。用程序语言来说的话,可以把这个五个判断级别定义成一个有五个值的数组,如(0, 0, 0, 0, 0)。其计算规则如下:样式...

宇托 CSS, Reset 0 条

一般情况下,不推荐使用CSS清零代码,因为多一个设置,CSS就要多渲染一次,会减慢网站的显示速度。当然对大多数电脑来说,这个减慢的这个速度可能肉眼都感觉不出来。下面是meyerweb网站的CSS清零代码,只是让大家做个参考:/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html...

宇托 CodeRule 0 条

css 校验除了 css hack 和浏览器私有属性, 推荐使用 w3c css validator 校验其余的代码.代码规范一般性命名使用小写字母,复合词以 - 分隔; 例如 nav.css , login-nav.css , login-pageid 和类的命名为 id 和样式类使用有意义或通用的名字,避免由于 css 命名更改引起的不必要的文档或模板改变;例如/* 不推荐: 无意义 */ #yee-1901 {} /* 不...

宇托 CodeRule, HTML 0 条

基本规范语义使用符合语义的标签书写 HTML 文档, 选择恰当的元素表达所需的含义;<!-- 不推荐 --> <div onclick="goToRecommendations();">All recommendations</div> <!-- 推荐 --> <a href="recommendations/">All reco...

宇托 none 0 条

之前做了一个系统,需求是在IE10下运行,不知道为什么,居然以“兼容性视图”显示了画面。因为系统用了DOJO,在“兼容性视图”里,导致了画面的很多控件无法使用。在网上找了一下,可以强制IE不使用“兼容性视图”。当然,如果用F12调出开发者工具的话,还是可以切换到“兼容性视图”的。方法如下:在HTML的HEAD里添加以下代码<meta http-equiv="X-UA-Compatible" content...

宇托 none 0 条

有时写HTML,总是忘记写标签,虽然大多时候没问题,但觉得加上还是更好一些。于是在网上找了一下,把各版本标签整理了一下,具体如下。<!-- HTML4.01文档过渡定义类型,此类型定义的文档可以使用HTML中的标签与 元素包括一些不被W3C推荐的标签(例如:font、b等),不可以使用框架 --> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transiti...

宇托 Cookie 0 条

  有时所有子域名都使用一个Cookie,或者同一域名下所有目录都使用同一个Cookie,这时就需要设置Cookie的Path和Domain。Cookie的设置规则一般如下:Domain设置:Domain必须是设置程序URL的域名值的自身或者母域名,必须是一个域名或者IP地址。比如:设置Cookie的程序在`blog.domain.net/program/page1.html`画面里,那么Domain可以设置为`blog.doma...