Html: tag

Example Code for .

1.Create an Jsp page and name it as linkpage.jsp.It is the Welcome page for a user.This page contains simple Header and a anchor which provides a link to another page.

linkpage.jsp

<%@page contentType=»text/html» pageEncoding=»UTF-8″%>
<%@taglib prefix=»html» uri=»http://jakarta.apache.org/struts/tags-html» %>
<%@taglib prefix=»bean» uri=»http://jakarta.apache.org/struts/tags-bean» %>

< html>
< head>

< title> HTML Link example </title>
< head>
< body bgcolor=»#DDDDDD»>
< h1 > Struts html:link example </h1>

< html:link page=»/linkoutput.jsp» paramId=»id» paramName=»name»/> Click < /html:link>

</body>
</html>

2.Simple Action class linkaction.java which is a sub class of Action class used to load the parameter values into the page link.Firstly this action class is called and in this execute method contains an setAttribute() method attributes are added to the request.linkaction.java

package com.myapp.struts;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import org.apache.struts.action.ActionForm;
import org.apache.struts.action.ActionMapping;
import org.apache.struts.action.ActionForward;

public class linkaction extends org.apache.struts.action.Action {

private static final String SUCCESS = «success»;

public ActionForward execute(ActionMapping mapping, ActionForm form,
HttpServletRequest request, HttpServletResponse response)
throws Exception {
request.setAttribute(«name»,»Java»);
return mapping.findForward(SUCCESS);
}
}

3.Create or modify struts config file struts-config.xml with action mappings.Struts-config file contains the information about the configuration of the struts framework to the application.It contains the action mappings which helps to select Action,ActionForm and other information for specific user’s request’s.In this file no need to specify the form bean as we are not using form bean to store.

<?xml version=»1.0″ encoding=»UTF-8″ ?>

<!DOCTYPE struts-config PUBLIC
«-//Apache Software Foundation//DTD Struts Configuration 1.2//EN»
«http://jakarta.apache.org/struts/dtds/struts-config_1_2.dtd»>

< struts-config>

< action-mappings>
< action path=»/link» type=»com.myapp.struts.linkaction» >
< forward name=»success» path=»/linkoutput.jsp»/>
</action>
</action-mappings>

</struts-config>

4.Change or modify the web.xml file by making the welcome file to index.jsp which contains the jsp forward to call action method to load parameter data to the request.index.jsp

<%@page contentType=»text/html»%>
<%@page pageEncoding=»UTF-8″%>

< jsp:forward page=»link.do»/>

5.Building and running the applicationOutput

Access page:http://localhost:8084/link/The param values are added to the URl.

Внутренние ссылки

Если внешние ссылки ведут с одной страницы на другую, то внутренние обеспечивают быстрый переход к разным частям текущего документа. Их удобно использовать на страницах с большим количеством контента. Особенно часто с помощью внутренних ссылок создают оглавления.

Чтобы на разделы страницы ссылаться, их надо как-то идентифицировать. Для этой цели используется якорь — специальное имя раздела, которое нужно будет задать в качестве значения атрибуту href, чтобы на раздел сослаться. Идентификатор должен быть уникальным (то есть на одной странице не должно быть двух одинаковых якорей) и состоять из букв латинского алфавита.

Имя якоря указывается в атрибуте id любого HTML-тега.

Например, внизу HTML-документа вы хотите разместить ссылку «Вверх», которая будет вести к его началу — заголовку «Начало страницы». Для этого вам нужно поставить в начале страницы якорь, а внизу страницы — ссылку на него.

Пусть якорь будет называться begin. Тогда в тег, к содержимому которого будет вести ссылка, нужно добавить атрибут id со значением begin.

<h1 id=”begin”>Начало страницы</h1>

Якорь установлен, и теперь остаётся только добавить ведущую на него ссылку. В нашем случае она будет выглядеть так:

<a href=”#begin”>Наверх</a>

Обратите внимание: перед названием якоря стоит решётка — это отличительная черта внутренних ссылок

Site Structure

Without a simple game plan, your site could soon be very hard to find stuff in for you, what with all the files you keep piling into it. Thus, you should group pages of similar theme into folders (directories). Keep all your images in one folder too, away from your html files (call the folder “images” or “media” or something like that).

I would also advise you to work on a template of your design. It may not be important now, as your site may not have a distinctive design, but later having this file will save you hours of time. What you do is save a file with no content, just the layout of your pages as TEMPLATE.html in each directory of your site (capitals so it stands out), with the links all correct. Then when you’re adding a page to a folder, you just open this file and add your content into it, and save under a different name, leaving template.html empty, ready for another use. To see our template for this directory, see this. Check, we have one in each directory.

Say you had a site about the solar system (just say). Keep all the files about mars in a folder called “mars”, with all the pictures of mars in a directory called “images” in the directory called “mars”. And keep the pictures of Uran— …no. I am above that.

Speaking of pictures….

Keep Learning // Basic Images → Go! Go!

Other My First Site Articles //
My First Page ·
Basic Formatting ·
Basic Links ·
Basic Images ·
<body> Attributes ·
Basic Web Design ·
HTML Tag Reference ·
Uploading your Site ·

What’s Related //

Homepage · Full Index · Section Index

Reasons to Use CSS

CSS is a style sheet language that manages the website’s visual representation. It consists of a list of formatting rules to style elements written in markup languages like HTML. In addition, CSS defines the display of HTML elements on various media types, such as projected presentations or television-type devices.

Whenever a browser finds a style sheet, it’ll convert the HTML file according to the provided style information. Hence, it’s important to link CSS to an HTML file to give your site a more engaging look across devices.

Other benefits from linking a CSS file to an HTML document are:

Consistent design. Maintains formatting and design consistency throughout the website. A single adjustment on CSS rules can be applied universally to multiple areas of a website.
Faster loading time. It only requires a single CSS file to style all HTML files. With fewer strings of code, a website can load faster. The site will also cache the CSS file for your visitors’ next visit.
Improve SEO. Storing CSS styles in another file makes the HTML file more concise and organized. As a result, the website will have a cleaner and more lightweight code, which results in better crawlability by search engines.

On the other hand, CSS has several disadvantages, such as:

Comes in multiple levels. The CSS style sheet has three levels. Such different frameworks can be confusing, especially for beginners.
Compatibility issues. Some style sheets might not work on certain browsers as different browsers read CSS differently. Use CSS and HTML code validators to avoid these issues.
Vulnerable to attacks. The open-source nature of CSS can increase the risk of cyberattacks. For example, a person with access to the CSS file might write malicious code or steal private data. However, proper security practices can prevent this issue.

All in all, CSS plays an important role when designing a website. It controls the formatting of various elements on a web page, such as fonts, background colors, and object positions. With the right application of CSS and HTML, a website can give an optimized user experience.

Invalidate the cache with a hard reload

Sometimes, you might have the CSS file linked correctly from your HTML file, but you don’t see the changes you make to the CSS file reflected on the web page.

This usually happens when the browser serves a cached version of your CSS file.

To invalidate the cache and serve the latest version of your CSS file, you can perform a hard reload on the browser.

The shortcut to perform a hard refresh might vary between browsers:

For Edge, Chrome, and Firefox on Windows/ Linux, you need to press
For Edge, Chrome, and Firefox on macOS, you need to press
For Safari, you need to empty caches with or click on the top menu

If you’re using Chrome, you can also select to empty the cache and perform a hard reload with the following steps:

Open the Chrome DevTools by pressing on Windows/ Linux or on Mac.
Right-click on the reload (refresh) icon and select the third option

The image below shows the Chrome Empty Cache and Hard Reload option you need to select:

With that, you should see the latest CSS changes reflected on your web page.

Alternatively, you can also invalidate the browser cache by using CSS versioning as explained here:

And those are the six fixes you can try to link your CSS file to your HTML document.

I hope this tutorial has helped you fix the issue

Using HTML span tag guide
HTML video tag explained
HTML audio tag explained
HTML background image guide
Assigning multiple classes to HTML tags

Атрибуты

= Новый в HTML5.

Атрибут	Значение	Описание
charset	char_encoding	Не поддерживается в HTML5.Задает кодировку символов связанного документа
crossorigin	anonymoususe-credentials	Указывает, как элемент обрабатывает запросы перекрестного происхождения
href	URL	Указывает расположение связанного документа
hreflang	language_code	Указывает язык текста в связанном документе
media	media_query	Указывает, на каком устройстве будет отображаться связанный документ
rel	alternate author dns-prefetchhelp icon license next pingbackpreconnect prefetchpreloadprerender prev search stylesheet	Обязательно. Указывает связь между текущим документом и связанным документом
rev	reversed relationship	Не поддерживается в HTML5.Указывает связь между связанным документом и текущим документом
sizes	HeightxWidthany	Задает размер связанного ресурса. Только для rel=»icon»
target	_blank _self _top _parentframe_name	Не поддерживается в HTML5.Указывает, где должен быть загружен связанный документ
type	media_type	Указывает тип носителя связанного документа

Элементы оформления[править]

Подведём чертуправить

Иногда вы что-то пишете, пишете, и вдруг чувствуете что нужно подвести черту.

Делается это просто как новая строка: <hr /> (horisontal ruler). Вообще-то в этом теге есть атрибуты, которые настраивают внешний вид, но их использование в новых стандартах нежелательно. Разрешены только общие атрибуты, такие как id, class, style и атрибуты событий, но это темы следующего раздела.

Картинкиправить

До этого момента мы прочитали очень много текста о тексте. Конечно — текст важнейшая часть любой страницы (если конечно это не страница какой-либо галереи), но сплошной текст штука довольно скучная. Иллюстрированный текст выглядит намного лучше. Для вставки в текст изображения используют тег <img>. Его атрибут src задаёт источник (source) — файл, в котором содержится картинка. Этот тег одинарный, поэтому закрывающий тег не нужен.

Иногда картинки не отображаются. Это происходит по разным причинам. Тем не менее, нужно чтобы пользователь и в таких случаях знал, что вы хотели ему показать. Для этого картинки имеют атрибут alt. Он задает текст, который отображается на месте картинки в тех случаях, когда сама картинка недоступна.

Также мы можем изменить размер картинки. Например, если мы имеем маленькое изображение, мы можем его растянуть. Правда тогда оно будет отображаться несколько размыто. Также можно изменять размеры изображения вместе с изменением размеров окна браузера. Для этого размеры указывают в процентах. Размеры задаются атрибутами width и height. Пример:

<!DOCTYPE html>
<html>
   <head>
      <title>
         Картинки
      </title>
      <meta charset="utf-8" />
   </head>
   <body>
      <img src="image.jpg" alt="Маленькая картинка" title="Маленькая картинка" width="100" height="100">
      <br/>
      <img src="image.jpg" alt="Велика картинка" title="Велика картинка" width="400" height="400">
      <br />
      <img src="image.jpg" alt="Широка картинка" title="Широка картинка" width="100%" height="400">
      <br/>
   </body>
</html>

Картинки могут быть помещены между тегами <a> и </a>, тогда щелчок по ним будет аналогичным щелчку по обычным ссылкам. Вокруг картинки появится синяя рамка. Но есть ещё более интересный способ сделать из картинки гиперссылку. Это карты.

Картыправить

Изображение можно разделить на области различной формы, каждая из которых может ссылаться в другое место. Для этого с помощью тега <map> задают карту. Атрибут id идентифицирует карту и используется для связи с картинкой. Чтобы картинку назначить в качестве карты, используется атрибут usemap (в котором мы должны записать id карты). Внутри тега карты содержатся теги областей, которые задаются тегами <area>. Опять же, этот тег одинарный, и хочет чтобы его правильно закрывали. Атрибут href задаёт адрес ссылки, атрибут nohref, если назначить ему значение true, исключает зону с карты. Атрибут shape задает форму области: rect — прямоугольная, circle — круг, и poly — для многоугольника.

<!DOCTYPE html>
<html>
   <head>
      <title>
         Карта планет
      </title>
      <meta>
   </head>
   <body>
      <img src="planets.gif" width="145" height="126" usemap="#planetmap">
      <map id="planetmap" name="planetmap">
         <area shape="rect" coords="0,0,82,126" alt="Sun" href="sun.htm" />
         <area shape="circle" coords="90,58,3" alt="Mercury" href="mercury.htm" />
         <area shape="circle" coords="124,58,8" alt="Venus" href="venus.htm" />
      </map>
   </body>
</html>

Теория относительности (relativity)

Может быть, вы уже читали про атрибут у ссылки. Я готов поспорить, что в секции ваших страниц будет располагаться что-нибудь типа этого:

   <link rel="stylesheet" type="text/css" media="screen" href="styles.css" />

Атрибут описывает связь между текущим документом и тем, на который он указывает. В этом случае, значением атрибута является . Это означает, что связанный документ является таблицей стилей для текущего: между ними именно такая связь.

Еще одно распространенное употребление :

   <link rel="alternate" type="application/rss+xml" title="Моя RSS-лента" 
   href="index.xml" />

В данном случае связь между текущим документом и связанным — RSS-лентой — указана как : альтернативное преставление текущего документа.

Оба этих примера используют тег , но вы можете использовать атрибут и у обычных ссылок. Например, вы ссылаетесь на вашу RSS-ленту из секции :

   Подпишитесь на <a href="index.xml">мою RSS-ленту</a>.

Вы можете добавить дополнительную информацию к этой ссылке, используя атрибут :

   Подпишитесь на <a href="index.xml" rel="alternate" 
   type="application/rss+xml">мою RSS-ленту</a>.

Не существует определенного списка значений для атрибута , поэтому вы можете использовать все, что посчитаете семантически разумным. Например, если у вас сложное коммерческое веб-приложение, в котором присутствует ссылка на подсказку, то вы можете определить связь между текущей страницей и этой подсказкой, используя значение :

   <a href="help.html" rel="help">нужна подсказка?</a>

Attributes

Attributes can be added to an HTML element to provide more information about how the element should appear or behave.

The element accepts the following attributes.

Attribute

Description

Specifies the URL of the resource document.

This attribute is a CORS settings attribute. CORS stands for Cross-Origin Resource Sharing. The purpose of the attribute is to allow you to configure the CORS requests for the element’s fetched data. The values for the attribute are enumerated.

Possible values:

Value	Description
	Cross-origin CORS requests for the element will not have the credentials flag set. In other words, there will be no exchange of user credentials via cookies, client-side SSL certificates or HTTP authentication.
	Cross-origin CORS requests for the element will have the credentials flag set.

If this attribute is not specified, CORS is not used at all.

An invalid keyword and an empty string will be handled as the value.

Describes the relationship between the current document and the destination URI. Multiple values can be provided, separated by a space.

Possible values:

Value	Description
	Gives alternate representations of the current document. For example, here is sample code (taken from the HTML5 specification) for giving the syndication feed for the current page:
	Gives the preferred URL for the current document.
	Gives a link to the current document’s author.
	Specifies that the user agent should preemptively perform DNS resolution for the target resource’s origin.
	Provides a link to context-sensitive help.
	Imports an icon to represent the current document.
	Specifies that the user agent must preemptively fetch the module script and store it in the document’s module map for later evaluation. Optionally, the module’s dependencies can be fetched as well.
	Indicates that the main content of the current document is covered by the copyright license described by the referenced document.
	Indicates that the current document is a part of a series, and that the next document in the series is the referenced document.
	Gives the address of the pingback server that handles pingbacks to the current document.
	Specifies that the user agent should preemptively connect to the target resource’s origin.
	Specifies that the user agent should preemptively fetch and cache the target resource as it is likely to be required for a followup navigation.
	Specifies that the user agent must preemptively fetch and cache the target resource for current navigation according to the potential destination given by the as attribute (and the priority associated with the corresponding destination).
	Specifies that the user agent should preemptively fetch the target resource and process it in a way that helps deliver a faster response in the future.
	Indicates that the current document is a part of a series, and that the previous document in the series is the referenced document.
	Gives a link to a resource that can be used to search through the current document and its related pages.
	Imports an external stylesheet.

Reverse link relationship of the destination resource to this document (or subsection/topic).

Specifies which media the target URL uses. Only to be used when the attribute is present.

Value:

Represents a cryptographic nonce («number used once») which can be used by Content Security Policy to determine whether or not an external resource specified by the link will be loaded and applied to the document. The value is text.

Language code of the destination URL. Purely advisory. The value must be a valid RFC 3066 language code.

The MIME type of content at the link destination. Purely advisory.

Referrer policy for fetches initiated by the element.

Specifies the sizes of icons for visual media. Can be used for favicons. Multiple values can be provided, as long as they’re separated by a space.

Examples:

(1 size)
(3 different sizes)
(any size)

Global Attributes

The following attributes are standard across all HTML elements. Therefore, you can use these attributes with the tag , as well as with all other HTML tags.

For a full explanation of these attributes, see HTML 5 global attributes.

Event Handlers

Event handler content attributes enable you to invoke a script from within your HTML. The script is invoked when a certain «event» occurs. Each event handler content attribute deals with a different event.

Most event handler content attributes can be used on all HTML elements, but some event handlers have specific rules around when they can be used and which elements they are applicable to.

For more detail, see HTML event handler content attributes.

Атрибуты тега

NAME — атрибут позволяющий задать имя якоря на веб странице.

HREF — указывает адрес документа, на который необходимо перейти (или необходимо скачать).

TARGET — позволяет указать имя окна или фрейма, куда браузер будет загружать документ, может принимать следующие значения:

_blank — загружает документ в новом окне браузера.
_self — загружает документ в текущее окно браузера.

TITLE — атрибут позволяет задать пояснение (подсказку) для ссылки. Данная подсказка будет отображаться если пользователь задерживает курсор над ссылкой.

REL — атрибут позволяющий определить отношение между текущим документом и документом, на который ведет ссылка.

Зачем?

Мы ведь и так можем вставлять документ в документ, при помощи , зачем нужен ещё какой-то импорт? Что не так с ?

…С всё так. Однако, по своему смыслу – это отдельный документ.

Для создаётся полностью своё окружение, у него свой объект и свои переменные.
Если загружен с другого домена, то взаимодействие с ним возможно только через .

Это хорошо, когда нужно действительно в одной странице отобразить содержимое другой.

А что, если нужно встроить другой документ как естественную часть текущего? С единым скриптовым пространством, едиными стилями, но при этом – другой документ.

Например, это нужно для подгрузки внешних частей документа (веб-компонент) снаружи. И желательно не иметь проблем с разными доменами: если уж мы действительно хотим подключить HTML с одного домена в страницу на другом – мы должны иметь возможность это сделать без «плясок с бубном».

Иначе говоря, – это аналог , но для подключения полноценных документов, с шаблонами, библиотеками, веб-компонентами и т.п. Всё станет понятнее, когда мы посмотрим детали.

HTML Теги

<!—><!DOCTYPE><a><abbr><acronym><address><applet><area><article><aside><audio><b><base><basefont><bdi><bdo><big><blockquote><body><br><button><canvas><caption><center><cite><code><col><colgroup><data><datalist><dd><del><details><dfn><dialog><dir><div><dl><dt><em><embed><fieldset><figcaption><figure><font><footer><form><frame><frameset><h1> — <h6><head><header><hr><html><i><iframe><img><input><ins><kbd><label><legend><li><link><main><map><mark><menu><menuitem><meta><meter><nav><noframes><noscript><object><ol><optgroup><option><output><p><param><picture><pre><progress><q><rp><rt><ruby><s><samp><script><section><select><small><source><span><strike><strong><style><sub><summary><sup><svg><table><tbody><td><template><textarea><tfoot><th><thead><time><title><tr><track><tt><u><ul><var><video>

Creating Links in HTML

A link or hyperlink is a connection from one web resource to another. Links allow users to move seamlessly from one page to another, on any server anywhere in the world.

A link has two ends, called anchors. The link starts at the source anchor and points to the destination anchor, which may be any web resource, for example, an image, an audio or video clip, a PDF file, an HTML document or an element within the document itself, and so on.

By default, links will appear as follow in most of the browsers:

An unvisited link is underlined and blue.
A visited link is underlined and purple.
An active link is underlined and red.

However, you can overwrite this using CSS. Learn more about styling links.

< html:link > -renders an HTML < a> element URL rewriting will be applied automatically, to maintain session state in the absence of cookies. The content displayed for this hyperlink will be taken from the body of this tag.Compulsory any of the attributes (forward,href,page,action) needs to be specified to redirect from base url.We can pass Parameters to the url by using < paramId>,< paramName > for one parameter and we can pass more than one parameter by using the Map objects which contains the key values pairs which determine the parameter id and parameter value.In this example we pass only Single Parameter.

HTML Справочник

HTML Теги по алфавитуHTML Теги по категорииHTML ПоддержкаHTML АтрибутыHTML ГлобальныеHTML СобытияHTML Названия цветаHTML ХолстHTML Аудио/ВидеоHTML ДекларацииHTML Набор кодировокHTML URL кодHTML Коды языкаHTML Коды странHTTP СообщенияHTTP методыКовертер PX в EMКлавишные комбинации

HTML Теги

<!—…—>
<!DOCTYPE>
<a>
<abbr>
<acronym>
<address>
<applet>
<area>
<article>
<aside>
<audio>
<b>
<base>
<basefont>
<bdi>
<bdo>
<big>
<blockquote>
<body>
<br>
<button>
<canvas>
<caption>
<center>
<cite>
<code>
<col>
<colgroup>
<data>
<datalist>
<dd>
<del>
<details>
<dfn>
<dialog>
<dir>
<div>
<dl>
<dt>
<em>
<embed>
<fieldset>
<figcaption>
<figure>
<font>
<footer>
<form>
<frame>
<frameset>
<h1> — <h6>
<head>
<header>
<hr>
<html>
<i>
<iframe>
<img>
<input>
<ins>
<kbd>
<label>
<legend>
<li>
<link>
<main>
<map>
<mark>
<meta>
<meter>
<nav>
<noframes>
<noscript>
<object>
<ol>
<optgroup>
<option>
<output>
<p>
<param>
<picture>
<pre>
<progress>
<q>
<rp>
<rt>
<ruby>
<s>
<samp>
<script>
<section>
<select>
<small>
<source>
<span>
<strike>
<strong>
<style>
<sub>
<summary>
<sup>
<svg>
<table>
<tbody>
<td>
<template>
<textarea>
<tfoot>
<th>
<thead>
<time>
<title>
<tr>
<track>
<tt>
<u>
<ul>
<var>
<video>
<wbr>

Простые ссылки

Чтобы создать ссылку, нужно указать, какой элемент веб-страницы ею будет являться и по какому адресу она будет вести.

В языке HTML для создания ссылок используется тег <a> и его атрибуты.

Пойдём от простого к сложному и для начала научимся добавлять в HTML-документ элементарные ссылки. Нам понадобятся следующие элементы языка:

<a> — тег создания ссылки. Внутри него содержится отображающийся на экране текст, на который пользователь должен будет нажать, чтобы перейти по заданному адресу.

href — атрибут тега , значением которого и будет адрес ссылки

Ссылаетесь ли вы на сайт, веб-страницу или файл — не важно, отличаться будет только значение этого атрибута

Теперь рассмотрим строку HTML-кода:

<a href="http://seostop.ru">Ссылка</a>

Теперь рассмотрим каждый элемент строки.

<a> — это тег, отвечающий за создание ссылки.

</a> — закрывающий тег.

Между символами > и < расположен текст Ссылка. Его будет видеть открывший страницу пользователь, на него он будет щёлкать, чтобы перейти по заданному в ней адресу.

href=”http://seostop.ru” — атрибут и значение, благодаря которым обозреватель понимает, куда следует перейти.

Атрибуты¶

Путь к связываемому файлу.

Определяет устройство, для которого следует применять стилевое оформление.

Определяет отношения между текущим документом и файлом, на который делается ссылка.

Указывает размер иконок для визуального отображения.

MIME-тип данных подключаемого файла.

Также для этого элемента доступны универсальные атрибуты.

href

Путь к файлу, на который делается ссылка.

Синтаксис

Значения

В качестве значения принимается полный или относительный путь к файлу.

Значение по умолчанию

Нет.

media

Определяет устройство, для которого следует применять стилевое оформление. Это позволяет сделать разный стиль для отображения документа на экране монитора и при его печати. Допускается писать несколько значений через запятую.

Синтаксис

Значения

Все устройства.

Печатающее устройство вроде принтера.

Экран монитора.

Речевые синтезаторы, а также программы для воспроизведения текста вслух. Сюда же входят речевые браузеры.

В HTML5 в качестве значений могут быть указаны медиа-запросы.

Значение по умолчанию

rel

Атрибут определяет отношения между текущим документом и файлом, на который делается ссылка. Это необходимо, чтобы браузер знал, как использовать подключаемый документ.

Синтаксис

Значения

Альтернативный тип, используется, к примеру, для указания ссылки на файл в формате XML для описания ленты новостей, анонсов статей.

Указывает ссылку на автора текущего документа или статьи.

Указывает ссылку на контекстно-зависимую справку.

Адрес картинки, которая символизирует текущий документ или сайт.

Сообщает, что основное содержание текущего документа распространяется по лицензии, описанной в указанном документе.

Сообщает, что текущий документ является частью связанных между собой документов, а ссылка указывает на следующий документ.

Указывает на предварительно кэшированный ресурс текущей страницы или сайта целиком.

Сообщает, что текущий документ является частью связанных между собой документов, а ссылка указывает на предыдущий документ.

Указывает ссылку на ресурс, который применяется для поиска по документу или сайту.

Определяет, что подключаемый файл хранит таблицу стилей (CSS).

Значение по умолчанию

Нет.

sizes

Указывает размер иконок для визуального отображения. Сама иконка может применяться браузером для отображения в адресной строке, при сохранении в избранное, а также поисковыми системами для придания наглядности результатам поиска (именно так поступает Яндекс).

Синтаксис

Значения

Вначале указывается ширина иконки в пикселах без указания единиц (например, 16), затем пишется латинская буква x в верхнем (X) или нижнем регистре (x), после чего идёт высота иконки. Если в файле хранится сразу несколько иконок, можно задавать их размеры через пробел. Ключевое слово указывает, что иконка может масштабироваться в любой размер, к примеру, если она хранится в векторном формате SVG.

Значение по умолчанию

Нет.

type

Сообщает браузеру, какой MIME-тип данных используется для внешнего документа. Как правило, применяется для того, чтобы указать, что подключаемый файл содержит CSS.

Синтаксис

Значения

Имя MIME-типа в любом регистре. Для подключаемых таблиц связанных стилей применяется тип .

Значение по умолчанию