2009-12-10 57 views
25

Tôi có thể có nhiều giá trị cho thuộc tính rel không? Giống như vậy:Nhiều giá trị cho thuộc tính rel

<a href="#" rel="value1 nofollow">Link</a> 

.. có hợp lệ và tương thích trình duyệt chéo không?

Trả lời

35

It's valid. Tôi không chắc chắn liệu nó có được hỗ trợ bởi tất cả các trình duyệt hay không, nhưng tôi đoán là vậy.

rel = link-types [CI] Thuộc tính này mô tả mối quan hệ từ tài liệu hiện tại đến neo được chỉ định bởi thuộc tính href. Giá trị của thuộc tính này là danh sách được phân tách bằng dấu cách của các loại liên kết.

+1

+1, nhưng tôi sẽ không làm cho các giả định trong thiết kế web - đặc biệt là liên quan đến hỗ trợ trình duyệt ... – Moshe

+1

Vâng, trong trường hợp này điều quan trọng là để có hỗ trợ trình thu thập thông tin ;-) –

1

Chắc chắn hợp lệ.

Bạn cũng có thể làm điều tương tự với thuộc tính lớp. Điều này thuận tiện cho việc tạo kiểu CSS.

HTML:

<span class="foo bar more classes">Stuff</span> 
<span class="bar">More bar</span> 

CSS

.foo{ 
    color: #afafaf; 
} 

.bar{ 
    border: 1px solid #0ff; 
} 

Tuổi đầu tiên sẽ là màu xám và có đường viền màu xanh, trong khi nhịp thứ hai sẽ chỉ có biên giới.

+3

Bạn thực sự không thể thêm nhiều giá trị vào thuộc tính id, cũng như bạn có thể đặt dấu cách vào giá trị id.Id của phần tử HTML là mối quan hệ 1 đến 1, do đó, mỗi giá trị chỉ có thể xảy ra một lần trên mỗi trang. –

+0

Cảm ơn. Đã sửa câu trả lời của tôi. – Moshe

3

Vâng đó là hợp lệ và nó hoạt động trên tất cả các trình duyệt, bao gồm IE7 và IE8

0

Trên thực tế nó không phải là hợp lệ theo cấu trúc Công cụ kiểm tra dữ liệu.

tôi đã cố gắng tối nay này, bằng cách sử dụng sau đây

rel="publisher nofollow" 

và nó thất bại trong việc xác nhận các nhà xuất bản. Ngay sau khi tôi gỡ bỏ nofollow được xác nhận ok một lần nữa.

Tôi nghĩ tôi sẽ đăng câu trả lời của mình, khi tôi bắt gặp chuỗi này sau khi thực hiện tìm kiếm trên Google cho cùng một câu hỏi.

+0

Công cụ kiểm tra dữ liệu có cấu trúc hiện không báo cáo là không hợp lệ. –

+0

@StevenVachon Strutctured Data Testing Tool không quan tâm đến rel nữa. Nó bỏ qua nó. – JrBenito

0

Tôi đã thử với jQuery Mobile và nó không hoạt động. Nó hoạt động nếu tôi loại bỏ thuộc tính thứ hai.

rel="external nofollow" 
0

vâng bạn có thể và đó là hợp lệ: ví dụ: rel='tag nofollow'

<a expr:href='data:label.url' rel='tag nofollow'><data:label.name/></a> 

chỉ cần sử dụng giá trị với đưa "không gian trống" trong số đó. Các chi tiết đầy đủ các thẻ sử dụng bên trong rel đang ở đây ..

http://www.w3schools.com/tags/att_a_rel.asp

Các vấn đề liên quan