Html5 的回顾与系统化学习

白水465

已于 2024-08-14 15:21:11 修改

阅读量379

点赞数 3

文章标签： html5 学习前端 html

于 2024-07-24 23:56:00 首次发布

本文链接：https://blog.csdn.net/qq_62527610/article/details/140676081

版权

Html5 的回顾与系统化学习。

HTML5 学习 1

Html5 的回顾与系统化学习。

1. !DOCTYPE html–声明

<!DOCTYPE html>
这个声明不是HTML标签，只是告诉游览器这是一个html5文档。

2.html标签

HTML文档的根（顶级元素）。所有其它元素必须是此元素的后代。意思就是都写在这个标签里面。

3.head–头

head元素是所有头部元素的容器。
可包含meta、title、base、ink、script以及style。

3.1 meta–元

meta 定义关于HTML的元数据（解释文本的特性）。
属性：charset、http-equiv、name、content
<meta charset="UTF-8">
<meta http-equiv="refresh" content="30">
<meta name="keywords" content="HTML, CSS, JavaScript">

3.1.1 charset–字符集

中文网页需使用 <meta charset="utf-8">声明编码，否则会出现乱码。
有些浏览器(如360浏览器)会设置GBK为默认编码，即<meta charset="gbk">。

3.1.2 http-equiv–类http头

content-security-policy 内容安全策略,用于检测并削弱某些特定类型的攻击
default-style 规定要使用的预定义的样式表。
refresh 定义文档自动刷新的时间间隔。

3.1.3 name–描述

application-name 应用名、author 作者、description 描述、keywords 关键词、viewport 视口.
<meta name="viewport" content="width=device-width, initial-scale=1.0">
width=device-width 部分将页面的宽度设置为跟随设备的屏幕宽度（视设备而定）。
当浏览器首次加载页面时，initial-scale=1.0 部分设置初始缩放级别。

3.1.4 content–内容

感觉更像是注释，是与 http-equiv 或 name 属性关联的值。
content中的内容主要是便于搜索引擎机器人查找信息和分类信息用的。

3.2.title–标题

<title>百度一下，你就知道</title>
就是标签页显示的内容，例如百度的就是：百度一下，你就知道。

3.3.base–基础

定义页面中所有链接的默认地址。
<base target="_blank" />使页面中的所有标签在新窗口中打开。

3.4 link–连接

link定义文档与外部资源的关系，常用于链接到外部样式表或向网站添加图标。
<link rel="stylesheet" href="styles.css"> rel（关系relation）为stylesheet（样式表，sheet是表）。
<link rel="icon" href="favicon.ico" /> href(Hypertext Reference)超链接文本编号（就是地址url）。

3.5 script–脚本

script 定义客户端脚本。要么包含脚本语句，要么通过 src 属性指向外部脚本文件。
<script>document.getElementById("demo").innerHTML = "Hello JavaScript!"; </script>
<script src="simple.js"></script>
JavaScript 的常见用途是图像处理、表单验证和内容的动态更改。