Коллектор HTML

Мы учили что типичный документ HTML будет иметь следующую структуру:

Бирка объявления документа 

<html>
   <head>
       Бирки коллектора документа родственные
   </head>

   <body>
       Бирки тела документа родственные
   </body>
</html>

Эта глава передаст немного больше детали о части коллектора которая представлена биркой <head> HTML. Бирка <head> контейнер различных важных бирок как <title>, <meta>, <link>, <base>, <style>, <script>, и бирки <noscript>.

Бирка <title> HTML

Бирка <title> HTML использована для определять название документа HTML. Следование пример для того чтобы дать название к документу HTML:

<!DOCTYPE html>
<html>
<head>
<title>HTML Title Tag Example</title>
</head>
<body>
<p>Hello, World!</p>
</body>
</html>

Это даст следующий:

Hello, World!

Бирка <meta> HTML

Бирка <meta> HTML использована для того чтобы обеспечить метаданные о документе HTML который включает информацию о истечении срока страницы, авторе страницы, списке ключевых слов, описании etc. страницы

Следование немногое из важных использований бирки <meta> внутри документа HTML:

<!DOCTYPE html>
<html>
<head>
<title>HTML Meta Tag Example</title>

<!-- Provide list of keywords -->
<meta name="keywords" content="C, C++, Java, PHP, Perl, Python">

<!-- Provide description of the page -->
<meta name="description" content="Simply Easy Learning by Tutorials Point">

<!-- Author information -->
<meta name="author" content="Tutorials Point">

<!-- Page content type -->
<meta http-equiv="content-type" content="text/html; charset=UTF-8">

<!-- Page refreshing delay -->
<meta http-equiv="refresh" content="30">

<!-- Page expiry -->
<meta http-equiv="expires" content="Wed, 21 June 2006 14:25:27 GMT">

<!-- Tag to tell robots not to index the content of a page -->
<meta name="robots" content="noindex, nofollow">

</head>
<body>
<p>Hello, World!</p>
</body>
</html>

Это даст следующий:

Hello, World!

Бирка <base> HTML

Бирка <base> HTML использована для определять URL основания для всех относительных URLs в странице, которая значит что все другие URLs будут конкатенированы в URL основания пока размещающ для, котор дали деталя.

Например, все, котор дали страницы и изображения будут поисканы после присоединять приставку к, котор дали URLs с директорией URL http://www.tutorialspoint.com/ основания:

<!DOCTYPE html>
<html>
<head>
<title>HTML Base Tag Example</title>
<base href="http://www.tutorialspoint.com/" />
</head>
<body>

<img src="/images/logo.png" alt="Logo Image"/>
<a href="/ru/html/index.htm" title="HTML Tutorial"/>HTML Tutorial</a> 

</body>
</html>

Это даст следующий:

Logo Image HTML Tutorial

Но если вы изменяете низкопробный URL к что-то еще, например, то если URL основания http://www.tutorialspoint.com/home после этого, то изображение и другие, котор дали соединения станут как http://www.tutorialspoint.com/home/images/logo.png и http://www.tutorialspoint.com/home/html/index.htm

Бирка <link> HTML

Бирка <link> HTML использована для того чтобы определить отношения между текущим документом и внешние ресурсом. Следование пример для того чтобы соединить внешний архив листа типа доступный в sub-директории css внутри корень паутины:

<!DOCTYPE html>
<html>
<head>
<title>HTML link Tag Example</title>
<base href="http://www.tutorialspoint.com/" />
<link rel="stylesheet" type="text/css" href="/css/style.css">
</head>
<body>
<p>Hello, World!</p>
</body>
</html>

Это даст следующий:

Hello, World!

Бирка <style> HTML

Бирка <style> HTML использована для того чтобы определить лист типа для настоящего документа HTML. Следование пример для того чтобы определить немногие правила листа типа внутри бирки <style>:

<!DOCTYPE html>
<html>
<head>
<title>HTML style Tag Example</title>
<base href="http://www.tutorialspoint.com/" />
<style type="text/css">
.myclass{
   background-color: #aaa;
   padding: 10px;
}
</style>
</head>
<body>
<p class="myclass">Hello, World!</p>
</body>
</html>

Это даст следующий:

Hello, World!

Примечание: Выучить о как лист каскадируя типа работает, незлая проверка отдельно консультация доступная на http://www.tutorialspoint.com/css

Бирка <script> HTML

Бирка <script> HTML использована для того чтобы включить или внешний архив сценария или определить внутренний сценарий для документа HTML. Следование пример где мы используем яваскрипт для того чтобы определить простую функцию яваскрипта:

<!DOCTYPE html>
<html>
<head>
<title>HTML script Tag Example</title>
<base href="http://www.tutorialspoint.com/" />
<script type="text/javascript">
function Hello(){
   alert("Hello, World");
}
</script>
</head>
<body>
<input type="button" onclick="Hello();" name="ok" value="OK"  />
</body>
</html>

Это даст следующий, где вы можете попробовать щелкнуть дальше, котор дали кнопку:

Note: To learn about how Javascript works, kindly check a separate tutorial available at http://www.tutorialspoint.com/javascript

Advertisements