WEB前端——head內常用標簽-有解無憂

一、meta相關

#1、指定字符集
<meta charset="gbk">

#2、頁面描述
<meta name="Description" content="具體描述，，，">

#3、關鍵字：有助于搜索引擎SEC優化，再怎么優化也抵不過競價排名
<meta name="Keywords" content="網易，郵箱，游戲，新聞">

#4、3秒后跳轉
<meta http-equiv="refresh" content="3,http://www.baidu.com">
#5、三秒重繪
<meta http-equiv="refresh" content="3">

二、非meta標簽

#1、標題
<title>百度一下，你就知道</title>

#2、網站的圖示
<link rel="icon" href="https://www.baidu.com/favicon.ico">

#3、定義內部樣式
<style></style>

#4、引入外部樣式檔案
<link rel="stylesheet" href="mystyle.css">

#5、定義JavaScript代碼或引入JavaScript檔案
<script src="hello.js"></script>

三、演示&其余需要知道的標簽

<!--html5-->
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <!-- 如果有 description一定要放在keywords才有意義-->
    <meta name="keywords" content="開發者，程式員，，，">
    <meta name="description" content="我是程式員">
    <!--指定屬性，3秒后跳轉到網頁-->
    <meta http-equiv="refresh" content="3,http://www.baidu.com" >

    <!--標題名-->
    <title>百度一下你就知道</title>

    <!--圖示 ，直接王上搜索制作ico就出來很多-->
    <link rel="icon" herf="favicon.ico">

<!--給標簽加樣式-->
<!--方式1：一般不用，最好是外部引入解開耦合，color后面的顏色可以用小吸管吸一下別的頁面的顏色或者自己配一下，執行的body里面的“你好”顏色就變成自己配的顏色了-->
    <style>
        p{
            color: #f8d7fa;
        }
    </style>
<!--方式2：外部引入css標簽  要自己建一個外部的.css檔案  引號內寫的是檔案的相對路徑-->
    <link rel="stylesheet" herf="css/index">
<!--方式3：外部引入a.js標簽標簽 要自己建一個外部的.js檔案 引號內寫的是檔案的相對路徑-->

    <!--
    <script>
        // alert("哈哈哈哈");

        function changeColor(ths) {
            ths.style.backgroundColor="green";
        }
    </script>
    -->
    <script src="js/a.js"></script>

</head>
<body>
<!--<p onclick="changeColor(this)">你好</p>-->

<!--<br> 代表換行-->
你好啊<br>哈哈哈哈
<!--<hr> 代表加分割線-->
<hr>
我擦了
<!--<b>加粗</b>  不要用這種-->
<strong>強調</strong>

<!--<u>下劃線</u> 已廢棄，用下面的-->
<ins>插入</ins>

<!--<i>傾斜</i> 已廢棄，用下面的-->
<em>傾斜</em>

<!--<s>洗掉</s> 已廢棄，用下面的

<del>洗掉</del>

</html>

轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/48331.html

標籤：HTML5

上一篇：WEB前端——html簡介&發展史

下一篇：WEB前端——body內常用標簽（串列標簽，table標簽）