HTML基础

沐枫stS

已于 2023-02-04 09:14:48 修改

阅读量84

点赞数 1

文章标签： html 前端 Powered by 金山文档

于 2023-02-04 09:10:50 首次发布

本文链接：https://blog.csdn.net/xuan172213/article/details/128876523

版权

一、HTML文档头标签功能

1、<meta>标签

<!--指定字符集 -->
<meta charset="utf-8">  
<!--只是刷新不跳转到其他页面 -->
<meta http-equiv="refresh" content="5">
<!--定时转到其他页面 -->
<meta http-equiv="refresh" content="5;url=index.html">

2、<link>标签

<!-- link标签实现项目站标效果 -->
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<link rel="icon" href="favicon.ico" type="image/x-icon">
<!-- 引入外部css样式 -->
<link rel="stylesheet" href="css/index.css">

3、<script>标签

<!-- 引入外部js脚本 -->
<script src=""></script>

4、<title>标签

<title>网站标题</title>

二、HTML文档基本结构

<!-- 文档规范 -->
<!DOCTYPE html>
<!-- 文档根标签 -->
<html lang="zh-CN">
    <!-- 头标签 -->
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>网站标题</title>
        <meta name="keywords" content="关键字">
        <meta name="description" content="简介">
    </head>
    <!-- 文档正文内容 -->
    <body>

    </body>
</html>

三、HTML文档基本语法

1. 文件扩展名为.html或.htm

2. 标签有双标签、单标签

3. 标签不分大小写，建议小写，不能交叉

4. 标签元素的属性不分先后顺序，属性有些不是公共的。

5. html5文档的规范是： <!DOCTYPE html>

四、项目推广技巧

如下代码可缩短被搜索引擎找到的时间

<title>小米商城 - Xiaomi 12、Redmi K50、MIX FOLD，小米电视官方网站</title>
<meta name="description" content="小米官网直营小米公司旗下所有产品，包括Xiaomi手机系
列Xiaomi 12、MIX、Redmi 红米系列、Redmi Note 11、K50、Redmi Note、小米电视、笔记本、
米家智能家居等，同时提供小米官方服务及售后支持.">
<meta name="keywords" content="Xiaomi,redmi,Xiaomi12,Redmi Note 11,Xiaomi MIX
Alpha,小米商城">