HTML的head標簽
前端開發工具介紹:
Hbuilder:可以快速的生成HTML標準文檔結構,集成了很多方便的快捷鍵。
----------------------------------------------------------------------------------------------------------------------
HTML的head標簽學習:
網頁標題標簽:
<title>HTML學習</title><!--網頁標題標簽:告訴瀏覽器使用什麽標題顯示網頁-->
編碼格式標簽:
<meta charset="utf-8"><!--網頁解析編碼格式配置(HTML5):告訴瀏覽器使用指定的編碼格式解析文檔-->
<meta http-equiv="content-type" content="text/html;charset=utf-8" /><!--HTML4文檔編碼格式設置-->
網頁搜索優化標簽:
<meta name="keywords" content="HTNL,SXT,陸光豪,506" /><!--網頁關鍵字-->
<meta name="description" content="本網頁是關於HTML的head標簽學習的,特別棒,6666"/><!--網頁描述-->
<meta name="author" content="陸光豪"/><!--網頁作者-->
網頁指定跳轉標簽:
<meta http-equiv="refresh" content="5;url=http://www.baidu.com" /><!--網頁自動跳轉-->
其他標簽:
例如:CSS引入標簽和js引入標簽(後面講解)
----------------------------------------------------------------------------------------------------------------------
示例源碼:
<html>
<head>
<!--head標簽中主要配置瀏覽器的配置信息-->
<title>HTML學習</title><!--網頁標題標簽:告訴瀏覽器使用什麽標題顯示網頁-->
<!--meta charset="utf-8">--><!--網頁解析編碼格式配置(HTML5):告訴瀏覽器使用指定的編碼格式解析文檔-->
<meta http-equiv="content-type" content="text/html;charset=utf-8" /><!--HTML4文檔編碼格式設置-->
<!--
了解:
關鍵字
網頁描述
作者
作用:提升網頁在瀏覽器的搜索概率。
-->
<meta name="keywords" content="HTNL,SXT,陸光豪,506" /><!--網頁關鍵字-->
<meta name="description" content="本網頁是關於HTML的head標簽學習的,特別棒,6666"/><!--網頁描述-->
<meta name="author" content="陸光豪"/><!--網頁作者-->
<meta http-equiv="refresh" content="5;url=http://www.baidu.com" /><!--網頁自動跳轉-->
</head>
<body>
this is my first html
</body>
</html>
HTML的head標簽