【HTML】基礎模板

時間 2019-12-01

標籤 HTML 基礎模板欄目 HTML 简体版

原文原文鏈接

HTML，超文本標記語言（HyperText Markup Language）html

超文本：指頁面內能夠包含圖片、連接、音樂、程序等非文字元素html5

標記：頁面的由各類標籤（標記）組成，文本有隱藏的文本標籤ios

HTML 使用標記標籤來描述網頁，以<html>開頭，</html>結尾web

sublime 使用快捷方式生成的一個模板：瀏覽器

<!DOCTYPE html><!--文檔類型聲明 -->
<html lang="en"> 
<head><!--描述文檔信息-->
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body><!--文檔內容-->
    
</body>
</html>

<title>	標題
<base>	頁面連接標籤的默認連接地址
<link>	一個文檔和外部資源之間的關係
<meta>	HTML文檔中的元數據
<script>	客戶端的腳本文件
<style>	HTML文檔的樣式文件

base標籤和meta標籤平時都是從別的地方拷貝的，下面扒一扒這個兩個標籤的用途緩存

base：標籤爲頁面上的全部連接規定默認地址或默認目標。

一般狀況下，瀏覽器會從當前文檔的 URL 中提取相應的元素來填寫相對 URL 中的空白。服務器

使用 <base> 標籤能夠改變這一點。瀏覽器隨後將再也不使用當前文檔的 URL，而使用指定的基本 URL 來解析全部的相對 URL。這其中包括 <a>、<img>、<link>、<form> 標籤中的 URL。cookie
http://www.w3school.com.cn/tiy/t.asp?f=html_base_test，使用頻率好像不高
meta：元素可提供有關頁面的元信息（meta-information），好比針對搜索引擎和更新頻度的描述和關鍵詞，標籤的屬性定義了與文檔相關聯的名稱/值對：

content屬性：定義與 http-equiv 或 name 屬性相關的元信息

name屬性：表述文檔的一些信息，對搜索引擎友好，以及基於移動設備的一些描述

<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no"> <!--定義視窗顯示的比例，是否可縮放以及最大縮放值-->
<meta name="apple-mobile-web-app-capable" content="yes"><!--ios2.0+ 是否全屏-->
<meta name="apple-mobile-web-app-status-bar-style" content="black"><!--設置Web App的狀態欄（屏幕頂部欄）的樣式-->

http-equiv：屬性爲名稱/值對提供了名稱。並指示服務器在發送實際的文檔以前先在要傳送給瀏覽器的 MIME 文檔頭部包含名稱/值對。

<meta http-equiv="content-Type" content="text/html;charset=gb2312"><!--設定文本類型，頁面使用的字符集。 -->
<meta http-equiv="expires" content="Wed, 20 Jun 2007 22:33:00 GMT"><!--能夠用於設定網頁的到期時間。一旦網頁過時，必須到服務器上從新傳輸，必須使用GMT的時間格式。 -->
<meta http-equiv="Pragma" content="no-cache"><!--用於設定禁止瀏覽器從本地機的緩存中調閱頁面內容，設定後一旦離開網頁就沒法從Cache中再調出 
用法：-->
<meta http-equiv="cache-control" content="no-cache"><!--清除緩存（再訪問這個網站要從新下載！）-->
<meta http-equiv="Set-Cookie" content="cookievalue=xxx;expires=Wednesday, 20-Jun-2007 22:33:00 GMT； path=/"><!--必須使用GMT的時間格式。若是網頁過時，那麼存盤的cookie將被刪除。-->
<meta http-equiv="Refresh" content="2;URL=http://www.net.cn/"><!--自動刷新並指向新頁面-->
<meta http-equiv="Window-target" content="_top"><!--強制頁面在當前窗口以獨立頁面顯示,用來防止別人在框架裏調用本身的頁面。 -->
<meta http-equiv="Pics-label" content=""><!--網頁等級評定-->
<meta http-equiv="Page_Enter" content="revealTrans(duration=1.0,transtion=12)"><!--設定進入頁面時的特殊效果-->
<meta http-equiv="Page_Exit" content="revealTrans(duration=1.0,transtion=12)"><!--設定離開頁面時的特殊效果-->

從網上搜索的到的，沒測試具體哪些真的有用，之後真正須要用的時候再從新整理。架構

<body>標籤放置文檔內容，好像沒有太多須要提的，主要html5新增了不少語義化的標籤，讓咱們更好的架構頁面app

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。