整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
html的頭部標簽<head>和</head>中，可以嵌套用來表達頁面內容的標簽，除了用<title>指定文件標題，用<meta charset="UTF-8">指定頁面編碼之外，還有另外的好幾個標簽。特別是用于SEO的那些標簽。
SEO是搜索引擎優化的意思，意思就是你在某搜索工具中，搜索某個內容時，為什么指向并跳轉到你的網站中，而不是別的網站，這就涉及到SEO可了。如果想要搜索引擎搜索到你，你必須保證用戶要搜索的內容出現在你的Meta說明中。
為搜索引擎定義的關鍵詞，提供給SEO搜索。
<meta name="keywords" content="Python, 前端, 小程序, App,Java,嵌入式">為網頁定義描述內容，也是SEO的一部分。
<meta name="description" content="老陳說編程，編程界的劉德華">頁面定時刷新，在H5之前，實時更新頁面數據的時，常用這種方法。但很不科學，因為浪費資源。在H5時，改用Websocket了。
<meta http-equiv="refresh" content="15">定義頁面作者是誰。
<meta name="author" content="老陳">在<head></head>中，用<link>標簽，引入外部資源。一個是CSS文件，一個是icon。引入CSS文件如下。
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>引入頂部icon的方式。
<link rel="shortcut icon" href="圖片url">引入共用的javascript文件。
<script type="text/javascript" src="scripts.js"></script>如果你定義的CSS或JavaScript代碼，只當前頁面應用，那可以在<head></head>中用<style></style>和</script>標簽對。有關CSS和Javascript的應用，后面再說。
<head>
<style type="text/css">
body {background-color:red}
</style>
<script type="text/javascript">
document.write("老陳說編程");
</script>
</head>好了，有關HTML頭部標簽常用的內容，也就這么多了。如果你喜歡，那就轉發出去，如果你不喜歡，那就點個贊。你的轉發和點贊，就是對老陳繼續創作和分享最大的鼓勵。
一個當了10年技術總監的老家伙，分享多年的編程經驗。想學編程的朋友，可關注：老陳說編程。分享Python，前端(小程序)、App和嵌入式方面的干貨。關注我，沒錯的。
#前端##程序員##HTML5##CSS##鴻蒙#
、關于HTML語義化，你知道都有哪些標簽？
語義化就是讓計算機能夠快速讀懂內容，高效的處理信息。搜索引擎只能通過標簽來判斷內容的語義，因為頁面的很大一部分流量來自搜索引擎，要使頁面盡可能地對搜索引擎友好，所以盡可能地使用語義化標簽，如：
div是division分離，span是span范圍，table是表格，ol是orderList有序列表，ul是unorderList無序列表，li是list item列表選項，html5進一步推進web語義化的發展，使用了一些新的標簽有header、artical、address等。
2、HTML標簽分類有哪些？都有啥特點?
默認寬度是100%
塊級標簽獨占一行
塊級標簽可以使用height設置高度
常見塊級標簽：div、p、h1~h6、ol、ul、table、form等等。
默認寬度由內容撐開
行級標簽不會自動換行，從左到右一次排列
行級標簽height設置高度失效，高度由內容撐開。
常見行級標簽：span、a、br、strong、lable、i、em。
結合行級和塊級的優點
可以設置元素的寬高
還可以將多個元素顯示在一行從左到右一次排列。
常見行內塊標簽：img、input。
3、網頁編碼設置有幾種方式？
Charset屬性規定HTML文檔的字符編碼，常見的屬性值有以下幾個：
4、HTML的框架優缺點有哪些？
Html框架有iframe和frame兩個，將多個頁面通過一個瀏覽器窗口顯示。
框架的優點：
缺點：
5、HTML5有哪些新特性，移除了哪些元素？
H5新增了圖像、位置、存儲、多任務等功能。
新增元素：
移除元素：
Html5新增了 27 個元素，廢棄了 16 個元素，根據現有的標準規范，把 HTML5 的元素按優先級定義為結構性屬性、級塊性元素、行內語義性元素和交互性元素 4 大類。
6、如何區分HTML和HTML5？
DOCUMENT聲明方式是區分的重要元素。
根據新增加的結構、功能來區分。H5有好多新增語義化標簽。
7、H5文件離線存儲怎么使用，工作原理是什么？
在線情況下，瀏覽器發現html頭部有manifest屬性，它會請求manifest文件，如果是第一次訪問那么瀏覽器就會根據manifest文件的內容下載相應的資源，并進行離線存儲。如果已經訪問過并且資源已經離線存儲了，那么瀏覽器就會使用離線的資源加載頁面。然后瀏覽器會對比新的manifest文件與舊的manifest文件，如果文件沒有改變，就不會有任何操作，如果文件改變了，那么就會重新下載資源，并進行離線緩存。
頁面頭部加入manifest屬性。如：<html manifest="demo.appcache">
在cache.manifest文件中編寫離線存儲的資源。
8、Cookies,sessionStorage和localStorage的區別？
共同點：都是保存在瀏覽器端，而且都是同源的。
區別：
9、title與h1的區別、b與strong的區別、i與em的區別？
title屬性沒有明確意義，只表示標題，h1表示層次明確的標題，對頁面信息抓取也有很大的影響。
strong標明重點內容，語氣加強含義，b表示無意義的視覺表示
em表示強調文本，i是斜體，是無意義的視覺表示
視覺樣式標簽：b、u、i、s
語義樣式標簽：strong、em、ins、del、code
10、viewport 所有屬性 ？
viewport是用戶網頁的可視區域，使用meta設置viewport時有很多屬性，分別對以下各個屬性介紹
安卓中還支持：target-densitydpi，表示目標設備的密度等級，作用是決定css中的1px 代表多少物理像素。
11、meta標簽的name屬性值？
name屬性主要用于描述網頁，與之對應的屬性值為content，content中的內容主要是便于搜索機器人查找信息和分類信息用的。
Meta標簽的name屬性語法格式是：
<meta name=”參數”content=”具體的參數值”>
Name主要有以下幾個參數：
Content的參數主要有name的參數來決定，如果是關鍵字的時候，多個關鍵字之間使用逗號隔開，一般使用5個關鍵字為宜；如果是描述的時候，描述長度一般控制在200字左右；如果是索引的時候，一般使用inde、noindex、none、all，默認是all。
作為一個前端，經常寫html文檔，但是卻很少去在意頭部的標簽有哪些，也很少在意每個標簽的作用，下面我們來詳細了解下。
頭部的標簽，也就是寫在<head><head/>里。通常會有6個標簽：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>文檔標題</title>
<base href="http://www.baidu.com/images/" target="_blank">
<link rel="stylesheet" type="text/css" href="mystyle.css">
<style type="text/css">
body {font-size:16px}
p {color:blue}
</style>
<script> document.write("Hello World!") </script>
</head>
<body> 文檔內容...... </body>
</html>一、<title>元素。
1.title 標簽定義了文檔的標題，在HTML文檔中是必須的。它會展示在瀏覽器的工具欄上。
2.如果要展示一個圖標，可以再加一個<link>標簽，<link>標簽的 rel屬性為“icon”,后面的
href跟上圖片的地址。
<link rel="icon" href="圖片url">二、<base>元素。
base標簽描述了基本的鏈接地址，該標簽作為HTML文檔中所有的鏈接的默認鏈接
<head>
<base href="http://www.php.cn/tpl/Index/Static/img/" target="_blank" />
</head>
<body>
<img src="banner7.jpg"/>
</body>
上面的img標簽的src鏈接的地址就是base里的地址加上img里的地址。
三、<link>元素。
link標簽定義了文檔與外部資源之間的關系，它通常用于鏈接到樣式表。
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>四、<style>元素。
style標簽定義了HTML文檔的樣式，這個我們經常會使用到，都不會陌生。
五、<meta>元素。
meta標簽提供了元數據.元數據也不顯示在頁面上，但會被瀏覽器解析。它常用于指定網頁的描述，關鍵詞，文件的最后修改時間，作者，和其他元數據。
元數據可以使用于瀏覽器（如何顯示內容或重新加載頁面），搜索引擎（關鍵詞），或其他Web服務。
// 編碼格式定義
<meta charset="utf-8">
// 為搜索引擎定義關鍵詞:
<meta name="keywords" content="HTML, CSS, XML, JavaScript">
// 為網頁定義描述內容:
<meta name="description" content="頭部標簽 & 使用">
// 定義網頁作者:
<meta name="author" content="Runoob">
// 每30秒鐘刷新當前頁面:
<meta http-equiv="refresh" content="30">
// 視圖層的參數定義
<meta
name="viewport"
content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"
/>
// content屬性值 :
// width:可視區域的寬度，值可為數字或關鍵詞device-width
// height:同width
// intial-scale:頁面首次被顯示是可視區域的縮放級別，取值1.0則頁面按實際尺寸顯示，無任何縮放
// maximum-scale=1.0, minimum-scale=1.0;可視區域的縮放級別，
// maximum-scale用戶可將頁面放大的程序，1.0將禁止用戶放大到實際尺寸之上。
// user-scalable:是否可對頁面進行縮放，no 禁止縮放六、<script>元素。
script標簽用于加載腳本文件，比如說javascript,可以直接書寫js,也能用于鏈接外部的js文件。
<script>
document.write("Hello World!")
</script><script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>*請認真填寫需求信息，我們會在24小時內與您取得聯系。
