HTML의 표준 공통 속성 외에도 링크 요소 에는 charset, href, hreflang, media, rel, rev, target, title and type 과 같은 많은 선택적 특성이 포함됩니다. 이러한 특성 중에서, 타겟은 두 가지 유형의 DTD, 전이 및 프레임 세트에서만 사용할 수 있으며, 다른 유형은 세 가지 유형의 DTD, 엄격, 전환 및 프레임에 사용할 수 있습니다.
이러한 속성 중에서 REL 속성은 핵심입니다. 이 기사에서 Web Design은 귀하가 알고있는 일부 Rel 속성과 WordPress에서 일부 링크 요소의 처리를 소개합니다.
링크 태그의 가장 일반적인 사용은 예를 들어 외부 스타일 시트를 호출하는 것입니다.
<link rel=stylesheet href=http://paranimage.com/wp-content/themes/v5/style.css type=text/css media=screen />HREF가 대상 문서의 URL 인 경우 유형은 대상 URL의 MIME 유형을 지정하고 미디어는 문서에 표시 될 장치를 지정합니다.
다음 WebDesignerWall 스타일 시트 통화는 인쇄 장치에 문서가 표시 될 때 CSS 스타일을 지정합니다.
<link rel=stylesheet href=http://www.webdesignerwall.com/wp-content/themes/wdw/print.css type=text/css media=print />다음과 같은 일부 웹 페이지에 스타일 시트 호출 코드가 표시 될 수도 있습니다.
<link rel=alertnate stylesheet href=http://paranimage.com/wp-content/themes/v5/red.css type=text/css media=screen />이 코드는 첫 번째 링크 요소와 동시에 사용되는 교체 가능한 스타일 시트를 정의합니다. 첫 번째는 선호하는 스타일을 정의하므로 사용자가 대체 된 스타일을 선택할 수 있습니다. 그러나이 교체 작업을 위해서는 브라우저가이를 지원해야하지만 IE와 같은 많은 브라우저는 지원하지 않습니다.
따라서 스타일을 대체하는 웹 페이지를 사용할 때는 일반적으로 일부 스타일 시트를 사용하여 JS를 전환하여 사용자가 인터페이스 스타일을 자유롭게 전환 할 수 있습니다. 모든 사람은 이것을 보았을 것입니다. 일부 웹 사이트는 웹 페이지의 여러 색상을 정의합니다. WordPress 사용자에 관심이있는 경우 간단한 JS 및 여러 교체 가능한 스타일을 사용하여 사용자가 웹 페이지의 색 구성표를 변경할 수있는 Small Potato 의 WPDesigner7 WordPress 테마 시험 연구 (또는 검사 데모)를 다운로드 할 수 있습니다. 약간 더 높은 수준의 경우 JS를 사용하여 낮에는 밝은 색상과 밤에는 어두운 색상과 같은 스타일을 변경할 수도 있습니다.
참고 : 선호하는 스타일을 위해 미디어를 지정하고 인쇄 스타일을 추가하는 것은 웹 표준과 더 일치합니다 (일반적인 웹 사이트의 경우에는 페이지를 인쇄하려는 사람들이 많지 않습니다). Palan 이미지에는 인쇄 스타일이 정의되어 있지 않으므로 나중에 수행하는 데 시간이 걸립니다. 참고 : 대체 스타일을 사용하는지 여부는 고려해야 할 질문입니다. 색 구성표 만 변경하고 전체 메인 톤이 변경되지 않은 상태로 유지되면 허용됩니다. 그러나 WordPress 사용자와 같은 일부 친구는 완전히 다른 스타일의 여러 테마를 가능하게 한 다음 플러그인을 사용하여 사용자가 자유롭게 변경할 수 있습니다. 이것은 꽤 시원해 보이지만 내 조언은 결코 그렇게하지 않는 것입니다. 그것이 SEO에 영향을 미치는지는 말할 것도없고, 사람들은 웹 사이트에 대한 고정 이미지 인식이 부족하게 만듭니다.Favicon/좋아하는 아이콘 에 대한 자세한 소개를 보려면 Baidu Encyclopedia (1, 2)를 확인하고 다음 코드를 사용하여 호출 할 수 있습니다.
<link rel=shortcut icon href=http://paranimage.com/wp-content/themes/v5/images/favicon.ico type=images/x-icon/><link rel=icon href=http://paranimage.com/wp-content/themes/v5/images/favicon.png type=images/png/>나는 여전히이 전화에 대해 약간 혼란스러워합니다. 내 실험의 결과는 다음과 같습니다.
iPhone 또는 iPod Touch 장치를 사용하면 사용자가 홈 화면에 링크를 추가 할 수 있습니다. 웹 사이트의 Apple Touch 아이콘을 지정하려면 다음 코드를 사용하십시오.
<link rel=apple-touch-icon href=http://paranimage.com/wp-content/themes/v5/images/apple-touch-icon.png />아이콘의 크기는 57*57 PNG 형식입니다. 그렇지 않은 경우 자동으로 스케일링됩니다. 내가 착각하지 않으면 iPhone 스타일과 같은 아름다운 둥근 코너로 만들 필요가 없습니다. iPhone은 Apple Touch 아이콘과 같은 스타일에 따라 아이콘을 자동으로 둥근 코너 그라디언트로 전환합니다.
국내 사용자의 경우 iPhone을 사용하는 사람은 많지 않습니다. 많은 것이 있더라도 웹 사이트가 홈 화면에 배치됩니까? 그것은 아마도 우리와 같은 일반적인 작은 웹 사이트가 할 수있는 일이 아닙니다. 하지만 재미있어서 웹 사이트를 위해 하나를 만들고이 링크 요소를 추가했습니다.
아래는 RSS2 주소, 원자 주소 및 핑백 주소에 대한 WordPress 기본 테마의 정의입니다. 특정 원칙은 심오하고 복잡하다고 생각하므로 공부하지 않을 것입니다. 어쨌든, 블로그가 필요하므로 Atom이 괜찮은 것 같습니다.
<link rel=alternate type=application/rss+xml title=<?php bloginfo('name'); ?> rss feed href=<?php bloginfo('rss2_url'); ?> /><link rel=alternate type=application/atom+xml title=<?php bloginfo('name'); ?> atom feed href=<?php bloginfo('atom_url'); ?> /><link rel=pingback href=<?php bloginfo('pingback_url'); ?> />함수가있는 경우 <? php wp_head (); ?> 주제에서 다음 두 링크 요소가 나타납니다.
<link rel=edituri type=application/rsd+xml title=rsd href=http://localhost/wordpress/xmlrpc.php?rsd /><link rel=wlwmanifest type=application/wlwmanifest+xml href=http://localhost/wordpress/wp-includes/wlwmanifest.xml />이 두 요소는 주로 Windows Live Writ 이 기능이 필요하지 않으면이 두 요소를 완전히 삭제할 수 있습니다. 삭제하는 방법은 WordPress 테마의 functions.php를 열고 <? php}?> 또는?> 아래에 다음 코드를 삽입하는 것입니다.
remove_action('wp_head', 'rsd_link');remove_action('wp_head', 'wlwmanifest_link'); 참고 : <? php wp_head () 이후로 생각할 수 있습니다. ?> 함수는이 두 가지를 생성하고 삭제합니다. 예, 다른 플러그인을 기대하면이 기능을 얻을 필요가 없습니다.Google, Yahoo 및 Live Search는 올해 2 월경 새로운 링크의 정식 지정 에 대한 지원을 발표했으며, 웹 페이지에 대한 권위있는 링크를 지정하여 중복 컨텐츠 문제를 해결하는 주요 기능을 발표했습니다.
이 속성에 대한 자세한 소개는 Google 중국 웹 마스터의 URL 패러다임 지정을 참조하십시오.
다음은 WordPress 사용자 가이 속성을 머리 부분에 추가 할 것을 권장하는 두 가지 플러그인입니다. SEO 중복 또는 표준 URL의 SEO. 사용하기 쉽습니다.
그것은 완전한 분석이라고하지만 실제로는 일반적으로 사용되는 몇 가지 일 뿐이며 대부분의 사람들에게 충분합니다. 다른 중요하고 일반적으로 사용되는 REL 속성을 알고 있다면 공유 할 수 있습니다.