background top icon
background center wave icon
background filled rhombus icon
background two lines icon
background stroke rhombus icon

Download "HTML5 для начинающих / Урок #4 – Комментарии в HTML. Метаданные «meta»"

input logo icon
"videoThumbnail HTML5 для начинающих / Урок #4 – Комментарии в HTML. Метаданные «meta»
Table of contents
|

Table of contents

0:00
Начало
0:17
Создание комментариев
2:33
Добавление метаданные
6:33
Завершение
Video tags
|

Video tags

комментарии
метаданные
тег meta
meta
разработка веб сайта
html
html уроки
html с нуля
html для начинающих
html5
гоша дударь
html верстка
курс
изучение
создание сайта
веб сайт
хтмл
хтмл уроки
для чайников
html5 уроки
Subtitles
|

Subtitles

subtitles menu arrow
  • ruRussian
Download
00:00:01
will talk about comments and also about
00:00:03
meta data inside html files
00:00:06
but first I would like to recommend you
00:00:08
the site go against dot com on this
00:00:10
site you will find the homework code and
00:00:12
a lot of other useful information link
00:00:14
to this lesson on the site will be in the description of
00:00:16
this video
00:00:17
first let's talk about comments
00:00:19
in order to create any
00:00:21
comment in html you need to write the
00:00:23
following structure you open the
00:00:25
angle bracket
00:00:27
then indicate ! then write 2
00:00:30
hyphens and then all you write
00:00:33
will be just a comment, let’s do it like this
00:00:35
here and write it will be us
00:00:37
a comment to close the comment
00:00:39
you need to write 2 hyphens and then
00:00:42
again an angle bracket after that we can
00:00:44
notice that here even before the style
00:00:46
has changed and accordingly we
00:00:48
will have a comment, what are comments,
00:00:50
this is essentially a piece of text or
00:00:53
code that will not be visible to
00:00:54
the user, that is, for example, now
00:00:56
I am updating the page and you see I
00:00:58
have written a comment here, but
00:00:59
the user does not see this text
00:01:01
caption
00:01:02
comments very convenient for describing
00:01:05
any sections on your site,
00:01:06
for example, you can create a comment and
00:01:09
write that there will be a
00:01:12
header below, but this is, of course, too banal an
00:01:15
example, but in general, as in comments, you
00:01:17
can simply describe what you
00:01:20
will have on your page, and so do I I also
00:01:23
recommend that you use a comment
00:01:24
because in the future, for example, if you
00:01:26
develop a project and then abandon
00:01:29
it for a year, for example, for a year, and when
00:01:31
you return back to this project, then
00:01:33
you most likely may not understand what is
00:01:36
going on here at all, and if
00:01:39
you will have comments, then you
00:01:41
will always understand that, for example, this
00:01:43
piece of code belongs there,
00:01:45
for example, to the site header, another piece of
00:01:47
code it belongs to us to the website pupper,
00:01:49
and so on, of course, it’s better to
00:01:52
immediately write perfectly clean code so that
00:01:54
everything is clear to you even without comments but at the
00:01:57
same time, at the beginning it’s difficult to do this, it’s
00:01:59
difficult to write
00:02:00
perfectly clean code, so at first,
00:02:03
and perhaps even in the future, you
00:02:04
should still always write comments, it’s
00:02:06
just worth explaining to
00:02:09
yourself to other developers what
00:02:10
you have here,
00:02:12
so in order to create comments you
00:02:14
just open this
00:02:15
structure, then write any
00:02:17
comment by the way, it can be spread
00:02:18
over several lines of code into
00:02:21
just a few lines, and accordingly, then
00:02:23
close this comment itself and such a
00:02:25
comment will not be visible to the user, for
00:02:27
example, we are here with just such a
00:02:29
comment and done, well, let's
00:02:31
just leave it in
00:02:32
this format for now, now let's talk
00:02:34
about meta data, meta data, these are the settings
00:02:37
for your page, at the moment we have
00:02:40
already written one method, so
00:02:42
here it is, and with the help of this
00:02:44
method, we just have to specify the
00:02:46
encoding for everything on our page, if we
00:02:49
create additional pages on
00:02:51
our site, there we will also write the html tones of those
00:02:54
pages, we will also need to add
00:02:56
another meta tag in which we will also need to
00:02:58
specify the encoding,
00:02:59
that is, all this metadata they describe
00:03:02
specifically only the page on which
00:03:04
they are indicated inside meta tags
00:03:07
you can describe a lot of useful
00:03:09
information, and now let’s
00:03:11
indicate, for example, the author for this page,
00:03:14
to do this, we open another
00:03:16
one with this and the internal one, we
00:03:19
register the attribute with you, and by the way,
00:03:21
these are the extensions that
00:03:23
are written inside the tags, they
00:03:25
are called exactly as attributes, we
00:03:27
will actually have a separate lesson
00:03:29
dedicated specifically to the attribute, but now I’ll
00:03:32
just say that with the help of attributes
00:03:34
we can expand the functionality of
00:03:36
any tag, and for example, now
00:03:38
we are using the name attribute,
00:03:41
earlier we used the attribute charset,
00:03:42
well, just inside this attribute we
00:03:45
indicate what exactly we will
00:03:47
describe, I want to describe
00:03:50
the author of this page, so here I
00:03:51
indicate the name ausur and then I
00:03:54
write another attribute here, it is called here
00:03:56
as content and here and they simply
00:03:58
indicate the values, but also for example authors
00:04:00
in my case it will be Georgy Tuda, well,
00:04:03
of course, you can write any
00:04:05
other author, that is, you can
00:04:06
simply write yourself in this way using
00:04:09
method 2; I simply described who the author is on
00:04:12
this page; if I refresh the
00:04:16
page itself in the browser, no changes
00:04:19
have been added to me yes, everything remains exactly the
00:04:20
same as it is, the whole point is that,
00:04:23
again, everything that is inside the
00:04:25
hide tag with the exception of the title tag, everything that
00:04:27
is inside this tag is
00:04:28
not visible to the user at the same time
00:04:31
if, for example, and go to view the code, then
00:04:33
here we will notice that we have a
00:04:35
Matt tag, there are 2 tyrnets and this and 2 items,
00:04:39
he just writes who the author of this
00:04:41
page is,
00:04:42
similar similar meta tags, they are needed
00:04:45
more for search robots who, simply
00:04:47
due to these meta tags,
00:04:49
will understand what is on your
00:04:51
page who is the author of the page,
00:04:53
what is the description of your page, for example,
00:04:55
and stuff like that. Of course, we
00:04:58
will also get acquainted with some meta tags
00:05:01
throughout the course, plus we
00:05:03
will also get acquainted with meta tags, and
00:05:05
when will we study css there or
00:05:07
java-script there, well, for now I just let’s
00:05:10
write down some possibly mandatory
00:05:12
meta tags that should be added to
00:05:14
every site, so look, we’ll
00:05:16
write down the pigment again and here we’ll
00:05:19
write it down, that is, as an attribute,
00:05:22
as a value for the name attribute,
00:05:23
we’ll indicate the discrimination, this will just be a
00:05:25
page description in the page description
00:05:27
you can specify anything you want, for example, I
00:05:29
’ll write here a test page
00:05:32
will be quite normal in the description, well, plus
00:05:35
let’s indicate one more method here, so we’ll indicate
00:05:37
here we also
00:05:38
open the name attribute and here I’ll just
00:05:41
indicate the keywords for this page
00:05:44
and here we, for example, let’s just write a
00:05:47
test we we’ll write
00:05:49
a check here and perhaps we’ll also honor them, otherwise it’s
00:05:52
just those keywords that
00:05:54
fit the description of our entire
00:05:57
this page. In fact, by the way, you do
00:05:59
n’t have to enter everything with this
00:06:01
metadata, but in this case, if you
00:06:04
don’t enter them, then just different
00:06:07
search robots are different bots,
00:06:09
they won’t understand what’s
00:06:11
on your page
00:06:12
when you give them this
00:06:14
little brief description, they just
00:06:16
understand what kind of page you have,
00:06:18
what’s presented on it, and it’s just
00:06:21
easier to show up your page in Google
00:06:24
search, so you can still use them
00:06:26
add these meta tags, but not only
00:06:28
are they not mandatory from the point of view of the
00:06:30
end user, that is, from the point
00:06:32
of view of the client, well, this is how we
00:06:34
work with comments and
00:06:36
also with various methods, we
00:06:38
will return to all this throughout the course. it’s
00:06:40
just worth
00:06:42
knowing that with the help of this
00:06:44
design you can write down
00:06:45
comments; the comments themselves are
00:06:47
also worth writing down because when
00:06:49
you understand what sections you have,
00:06:51
what sections are responsible for what, and
00:06:55
plus, with the help of such meta tags you
00:06:57
can describe the characteristics of your
00:06:59
pages
00:07:00
well that's all for now I'll see
00:07:03
you in the next lesson so
00:07:05
see you soon

Description:

Комментарии являются важной частью любого языка. В уроке мы научимся работать с комментариями и дополнительно изучим тему метаданных. За счет тегов «meta» можно описывать характеристики страницы. ✅ Полезные ссылки: ✏️ Урок на сайте itProger: https://itproger.com/course/html/4 ⏰ Тайм коды: 00:00 - Начало 00:17 - Создание комментариев 02:33 - Добавление метаданные 06:33 - Завершение ✔ Сообщество программистов: https://itproger.com/ ✔ ------------- Вступай в группу Вк - https://vk.com/prog_life 🚀 Группа FaceBook - https://www.facebook.com/unsupportedbrowser Инстаграм itProger: https://www.facebook.com/unsupportedbrowser Instagram: https://www.facebook.com/unsupportedbrowser Telegram: https://t.me/itProger_official Twitter - https://twitter.com/GoshaDudar - Уроки от #itProger 👨🏼‍💻 - Все уроки по хештегу #itprogerLessons

Preparing download options

popular icon
Popular
hd icon
HD video
audio icon
Only sound
total icon
All
* — If the video is playing in a new tab, go to it, then right-click on the video and select "Save video as..."
** — Link intended for online playback in specialized players

Questions about downloading video

mobile menu iconHow can I download "HTML5 для начинающих / Урок #4 – Комментарии в HTML. Метаданные «meta»" video?mobile menu icon

  • http://unidownloader.com/ website is the best way to download a video or a separate audio track if you want to do without installing programs and extensions.

  • The UDL Helper extension is a convenient button that is seamlessly integrated into YouTube, Instagram and OK.ru sites for fast content download.

  • UDL Client program (for Windows) is the most powerful solution that supports more than 900 websites, social networks and video hosting sites, as well as any video quality that is available in the source.

  • UDL Lite is a really convenient way to access a website from your mobile device. With its help, you can easily download videos directly to your smartphone.

mobile menu iconWhich format of "HTML5 для начинающих / Урок #4 – Комментарии в HTML. Метаданные «meta»" video should I choose?mobile menu icon

  • The best quality formats are FullHD (1080p), 2K (1440p), 4K (2160p) and 8K (4320p). The higher the resolution of your screen, the higher the video quality should be. However, there are other factors to consider: download speed, amount of free space, and device performance during playback.

mobile menu iconWhy does my computer freeze when loading a "HTML5 для начинающих / Урок #4 – Комментарии в HTML. Метаданные «meta»" video?mobile menu icon

  • The browser/computer should not freeze completely! If this happens, please report it with a link to the video. Sometimes videos cannot be downloaded directly in a suitable format, so we have added the ability to convert the file to the desired format. In some cases, this process may actively use computer resources.

mobile menu iconHow can I download "HTML5 для начинающих / Урок #4 – Комментарии в HTML. Метаданные «meta»" video to my phone?mobile menu icon

  • You can download a video to your smartphone using the website or the PWA application UDL Lite. It is also possible to send a download link via QR code using the UDL Helper extension.

mobile menu iconHow can I download an audio track (music) to MP3 "HTML5 для начинающих / Урок #4 – Комментарии в HTML. Метаданные «meta»"?mobile menu icon

  • The most convenient way is to use the UDL Client program, which supports converting video to MP3 format. In some cases, MP3 can also be downloaded through the UDL Helper extension.

mobile menu iconHow can I save a frame from a video "HTML5 для начинающих / Урок #4 – Комментарии в HTML. Метаданные «meta»"?mobile menu icon

  • This feature is available in the UDL Helper extension. Make sure that "Show the video snapshot button" is checked in the settings. A camera icon should appear in the lower right corner of the player to the left of the "Settings" icon. When you click on it, the current frame from the video will be saved to your computer in JPEG format.

mobile menu iconWhat's the price of all this stuff?mobile menu icon

  • It costs nothing. Our services are absolutely free for all users. There are no PRO subscriptions, no restrictions on the number or maximum length of downloaded videos.