В дополнение к стандартным общим свойствам HTML, элемент ссылки также включает в себя множество дополнительных свойств: charset, href, hreflang, media, rel, rev, target, название и тип . Среди этих свойств цель может использоваться только в двух типах 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 -адресом целевого документа, тип указывает тип MIME целевого URL, а носитель указывает, на какое устройство будет отображаться.
Следующий лист в стиле 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, вы можете загрузить исследование Theme Theme Small Potato WordSigner7 WordPress (или проверить демонстрацию), в котором используется простой JS и несколько сменных стилей, чтобы позволить пользователям изменять цветовую схему веб -страницы. Для немного более высокого уровня вы также можете использовать JS для изменения стилей с течением времени, таких как яркие цвета днем и темные цвета ночью.
Примечание . Указание Media = все для предпочтительного стиля и добавление стиля печати будет более соответствовать веб -стандартам (хотя для обычных веб -сайтов не будет много людей, которые хотят печатать вашу страницу). Изображение Палана не определено стиль печати, поэтому я понадобится время, чтобы сделать это позже Примечание : использовать альтернативные стили, стоит рассмотреть вопрос. Если вы только измените цветовую схему, и общий основной тон остается неизменным, это приемлемо. Но некоторые друзья, такие как пользователи WordPress, будут включать несколько тем с совершенно разными стилями, а затем использовать плагины, чтобы пользователи могли свободно меняться. Это кажется довольно крутым, но мой совет никогда не делать этого. Не говоря уже о том, влияет ли это SEO, это заставит людей не хватать фиксированного восприятия изображения вашего веб -сайта.Для получения подробного введения в Favicon/Favorite Icon вы можете проверить энциклопедию Baidu (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 Icon of Last.fm.
Для домашних пользователей не так много людей, использующих iPhone. Даже если их много, будет ли ваш сайт размещен на главном экране? Вероятно, это не то, что могут сделать обычные маленькие веб -сайты, такие как мы. Но это весело, я сделал один для своего сайта и добавил этот элемент ссылки.
Ниже приведено определение темы по умолчанию WordPress для адреса RSS2, адреса атома и адреса Pingback. Я думаю, что конкретные принципы глубокие и сложные, поэтому я не буду их изучать. В любом случае, ваш блог нуждается в этом, так что кажется, что атом в порядке?
<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 Write для публикации статей. Если вам не нужна эта функция, вы можете полностью удалить эти два элемента. Способ удалить его - это открыть функции.
remove_action('wp_head', 'rsd_link');remove_action('wp_head', 'wlwmanifest_link'); Примечание : вы можете подумать, что после <? PHP WP_head (); ?> Функция генерирует эти две вещи, просто удалите их. Да, если вы ожидаете какой -либо другой плагин, вам не нужно будет получить эту функцию, затем удалите ее.Google, Yahoo and Live Search объявили о поддержке нового атрибута Canonical of Link примерно в феврале этого года, с основной функцией определения авторитетных ссылок для веб -страниц для решения проблемы дублирования контента.
Для получения подробного введения в этот атрибут, пожалуйста, см. Plysife Your URL -парадигму в Google Китайском веб -мастере.
Вот два плагина, которые в основном рекомендуют пользователям WordPress добавить это свойство в вашу часть головы: SEO NO Duplicate или Canonical URL. Это легко использовать.
Говорят, что это полный анализ, но на самом деле это всего лишь несколько часто используемых, чего достаточно для большинства людей. Если вы также знаете другие важные и обычно используемые атрибуты REL, вы можете поделиться ими.