小编Dal*_*son的帖子

我们是否应该在网站导航中使用(HTML5)rel属性

简单直截了当的问题,但其中一个我找不到任何建议.

支持的适当的HTML5值包括:

  • 作者
  • 第一
  • 持续
  • 下一个
  • 上一页
  • 救命
  • 许可证(不是"许可证")

导航包括索引,关于,联系和合法

..从index.html页面的角度来看:

  • index.html with rel ="first"
  • about.html with rel = author next"
  • contact.html with rel ="help"
  • legal.html with rel ="license last"

...从contact.html页面的角度来看:

  • index.html with rel ="first"
  • about.html with rel = author prev"
  • contact.html with rel ="help"
  • legal.html with rel ="license next last"

我接受在导航中使用rel将实现很少; 但它可能会以某种小的方式帮助搜索引擎.

我举了两个例子来说明这在实践和评论中是如何运作的!

亲切的问候,戴尔

编辑以下评论中的示例

导航包括索引,关于,联系和合法

..从index.html页面的角度来看:

  • index.html没有rel
  • about.html with rel = author"
  • contact.html with rel ="help"
  • legal.html with rel ="license"

...从contact.html页面的角度来看:

  • index.html没有rel
  • about.html with rel = author" …

navigation html5 rel nav

8
推荐指数
1
解决办法
4188
查看次数

使用:在选择器之前/:之后添加元素周围的边距

我实现了(修改版)Gene Locklin的'深度',它的工作正常,这里是代码:

body:before {
    height: 10px;
    width: 110%;
    position: fixed;
    top: -10px;
    left: -10px;
    z-index: 6;
    -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.8);
    -moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.8);
    box-shadow: 0px 0px 10px rgba(0,0,0,0.8);
    content: "";
}
Run Code Online (Sandbox Code Playgroud)

但是我想使用:before&:after选择器来添加边距或填充,你知道某种差距,将表单与周围文本分开.

这是在我尝试使用这些选择器在特定段落周围留出一些间距之后,但没有成功我转向根据其目标属性设置这些样式.

我意识到选择器的设计主要是为了设置自动文本,并且使用边距或填充(在下面添加以下查询),换行符,跨度,空分区甚至使用JavaScript来创建元素都非常容易.和.但我想这样做:之前和之后.

这是我想要使用的示例代码:

form:before {
    height: 20px;
    content: "";
}

form:after {
    height: 20px;
    content: "";
    }
Run Code Online (Sandbox Code Playgroud)

我认为可能会阻止它工作......:之前/:之后需要显示为块级别,因为它们通常是内联的(但'深度'不需要这个?)和/或:之前/:在需要绝对定位之后.

提前感谢您的慷慨投入.

css css-selectors pseudo-element

6
推荐指数
1
解决办法
2万
查看次数

Webkit CSS - 改变突出显示颜色的选择器

我注意到Chrome在此网站上有一个很酷的效果,这可能是也可能不是Chrome独有,但可能适用于所有Webkit浏览器.

当用户拖动突出显示某些内容时,他们已将默认颜色更改为粉红色.

你能识别选择器吗?

我想知道是否有人知道描述这些效果的参考页面.

css webkit highlight css3

4
推荐指数
1
解决办法
7814
查看次数

标签 统计

css ×2

css-selectors ×1

css3 ×1

highlight ×1

html5 ×1

nav ×1

navigation ×1

pseudo-element ×1

rel ×1

webkit ×1