HTML的網頁的程式碼結構以及head標籤下的相關內容

阿新 • • 發佈：2020-11-19

<!DOCTYPE html>
@*這個宣告用來指出程式應該用什麼規則集合來解釋文件中的標記*@
<html>
<head>
    <meta />
    @*主要定義html網頁介紹，網頁關鍵字，網頁編碼，頁面作者
        自動跳轉定義以及robots協議等內容*@
    <meta http-equiv="content-type" content="text/html;charset=utf-8" />
    @*設定顯示字符集，為utf-8（此編碼支援中英文字元）*@
    <meta http-equiv=" 
content-language" content="zh-cn" />
    @*設定頁面語言，為簡體中文，繁體中文為tw，英文為en-us*@
    <meta name="author" content="gakki" />
    @*網頁作者，gakki*@
    <meta name="description" content="一起幫主頁" />
    @*網頁功能和內容的描述*@
    <meta name="keywords" content="一起幫,主頁" />
    @*網頁關鍵字*@
    <meta name=" 
viewport" content="width=device-width,initial-scale=1.0" />
    @*供移動裝置使用，寬度為裝置寬度*@
    <meta name="theme-color" content="#4285f4" />
    @*這裡的theme-color還不是很清楚他的具體含義，說是給移動端設定背景顏色*@

    <base />
    @*定義html網頁預設開啟方式的宣告*@
    
    <link />
    @*定義目標檔案的連結，包括外部層疊樣式表（CSS），外部指令碼（JS），以及其他內部指令碼程式碼*@
     
<link rel="stylesheet" type="text/css" href="~/css/site.css" />
    @*連結層疊樣式表*@
    <link rel="shortcut icon" type="image/x-icon" href="~/images/logo.ico" media="screen" />
    @*顯示圖示*@
    <link rel="apple-touch-icon" href="/images/logo.ico" />
    @*這個應該是給蘋果裝置應用程式設定桌面顯示吧*@
    @*<link rel="manifest" href="/manifest.json" />*@
    @*Manifest是一個JSON格式的檔案，
        你可以把它理解為一個指定了Web App桌面圖示、名稱、開屏圖示、執行模式等一系列資源的一個清單。*@
    
    <title>首頁·一起幫</title>
    @*定義HTML網頁的唯一標題*@
   
    <script type="text/javascript">
        document.write('<h1>HTML+CSS+JS</h1>');
    </script>
    @*感覺可以用js完成網頁的所有內容，不過這個在佈局上比較麻煩*@

    </head>
<body>
    @*
        吐槽專區，有啥不爽一吐為快，注意要匿名哦
        問答專區，問啥都行，不犯法就行
        直播專區，一起程式設計，你從不會孤單一人
        飛哥專區，一起幫·源棧創始人，專注IT教育的老牛
        找高手·找新手
        訂閱內容，看看你關注人的最近更新情況
        瀏覽歷史，你的足跡
    *@
</body>
</html>

看了幾個比較有名的網站在head上的相關內容，確實有很大的差異
有的技術老一點，有的技術新一點，有的裡面含有大量的style和js，並沒有過多的載入css和js的外掛
甚至幾百行的js和css都是自己寫的，我覺得沒有這個必要，感覺是在拿程式碼坑老闆的節奏
先進性常規的pc端操作，移動端的部分設定也看不出啥效果

HTML的網頁的程式碼結構以及head標籤下的相關內容

<!DOCTYPE html> @*這個宣告用來指出程式應該用什麼規則集合來解釋文件中的標記*@

html文件結構與常用標籤

html塊標籤含樣式的標籤<div> 標籤塊元素，表示一塊內容沒有具體的語義<div>div在html中有著分割的作用，<br />分割與其他樣式的作用，去設定頁面的佈局和樣式，<br />主要的作用就是包含一

前端之HTML標籤等相關內容-51

1.列表標籤 <!DOCTYPE html><html lang=\"en\"><head><meta charset=\"UTF-8\"><title>Title</title><style>ul {list-style: none;}</style></head><bo

併發程式設計之生產者消費者模型以及執行緒等相關內容-38

1.生產者消費者模型 # 初級生產者消費者模型# import time# import random# from multiprocessing import Process, Queue### def producer(name, food, q):#for i in range(10):#data = \'%s 製造了%s\' % (name, fo

併發程式設計之執行緒池以及協程等相關內容-40

1.執行緒池shutdown # 類似於是執行緒中的join功能from concurrent.futures import ThreadPoolExecutorimport timepool = ThreadPoolExecutor(3)def task(name):print(\'%s 開始\' % name)time.sleep(1)print(

開發隨筆記錄——關於ASP.NET Core根據資料庫表結構生成實體類的相關內容。

　　前言：在我們開發中資料庫表結構與程式碼實體類幾乎成一致的狀態。之前一直在使用實體類直接去生成表結構，但是在最近的專案中遇到了先規定好表結構，如果一個一個建立實體類將花費不少時間。所以找到一下方式用

前端學習筆記一：HTML 特點基本結構 doctype文件型別宣告網頁編碼設定 html標籤屬性文字和段落標籤特殊符號

<!DOCTYPE html> <html lang=\"en\"> <head>  <meta charset=\"UTF-8\">

HTML5基本網頁結構以及標籤的改變

一、HTML5嶄新的頁面佈局： 1.傳統的HTML頁面佈局： 2.HTML5佈局： 3.HTML5佈局使用的標籤：

HTML基本結構、語法以及常用標籤

前端的概述 web的發展史 web1.0 簡單的靜態頁面早期三大門戶搜狐新浪網易 web2.0 更注重使用者之間的互動使用者即是資訊的消費者也是製造者微博

【HTML】學習路徑1-網頁基本結構-標籤基本語法

第一章：下載一個自己喜歡的輕量化程式碼編輯器我推薦初學者在一開始使用較為原始的開發環境，

HTML常用標籤(下)

HTML常用標籤(下) 1. 表格標籤 1.1 語法 <table> <tr>

網頁設計技術之HTML的基本結構說明

轉載自：https://baijiahao.baidu.com/s?id=1611389749985993229&wfr=spider&for=pc 網頁設計技術追溯到上世紀起步階段時，設計師們是通過HTML語言對網頁進行標記來完成網頁的製作的。例如，要在某

開發開心網網頁遊戲HTML+CSS程式碼分享

偶然間閒來無事，開發了一個開心網網頁遊戲靜態頁面非常適合前端初學者拿來練手哦。

html畫圖程式碼_img影象標籤HTML入門基礎（017）

技術標籤：html畫圖程式碼html讓圖片移動到一定位置img src 放絕對路徑報錯img src 檔案流img src 本地路徑img src絕對路徑

html媒體查詢，同一個網頁，在不同的條件下，使用不同的樣式。

技術標籤：html5css3csshtml 媒體查詢簡述裝置：螢幕：PC 手機端印表機螢幕閱讀器

HTML網頁中，img標籤和Ajax請求是支援跳轉（Redirect）的

我們知道在HTTP請求中，狀態碼301和302代表跳轉，也叫重定向（Redirect）。 301-Moved Permanently：永久移動。請求的資源已被永久的移動到新URI，返回資訊會包括新的URI，瀏覽器會自動定向到新URI。今後任何新的請

HTML標籤下-表格標籤

一. 表格標籤表格是實際開發中非常常用的標籤: 1.表格的主要作用表格主要用於顯示、展示資料，因為它可以讓資料顯示的非常的規整，可讀性非常好。特別是後臺展示資料的時候，能夠熟練運用表格就顯得很重要。一個清

HTML的怎麼使用，開發工具以及常用標籤。

前端學習：學習地址：黑馬程式設計師pink老師前端入門教程，零基礎必看的h5(html5)+css3+移動，下面這些都是一些學習筆記。臨淵羨魚，不如退而結網！！願我自己學有所成，也願每個前端愛好者學有所成

Spark | 關於Spark常用31個transform運算元程式碼總結以及使用方法介紹

一.Transform型別運算元 1.1 Value 型別 1.1.1 map 運算元介紹 : 返回一個新的RDD，該RDD由每一個輸入元素經過func函式轉換後組成,也就是說RDD中每個元素都會執行一次這個方法

Static靜態程式碼塊以及各程式碼塊之間的執行順序

前言在Java中，Static靜態程式碼塊、構造程式碼塊、普通程式碼塊、建構函式的執行順序是一個java學習者必須掌握的基礎，本篇部落格旨在讓大家能清除了解它們之間的執行順序。

HTML的網頁的程式碼結構以及head標籤下的相關內容

相關推薦