HTML 介绍及head标签
web 标准
web 介绍:
- w3c:万维网联盟组织,用来制定web标准的机构
- web 标准:制定网页遵循的规范
- web规范的分类:结构标准,表现标准,行为标准
- 结构:html 表现:css 行为:JavaScript
网页主要有三部分组成:结构(html)、表现(css)、行为(javascript)
web总结:
- 结构标准:相当于人的身体。html是用来制作网页的
- 表现标准:相当于人的衣服。css是对网页进行美化的
- 行为标准:相当于人的动作。JavaScript就是让网页动起来,具有生命力
HTML 介绍
html全称Hyper Text Mackeup Language 超文本标记语言,是一种描述性的标记语言,用于描述超文本内容的显示方式。
作用:HTML是负责描述文档语义的语言,给文本增加主标题的语义
注意:HTML不是一个编程语言(有编译过程),而是一个标记语言(没有编译过程),HTML页面直接由浏览器解析执行
HTML 规范
-
HTML是一个弱势语言
-
HTML不区分大小写
-
HTML页面的后缀名是html或htm
-
HTML的结:
声明部分:主要作用是来告诉浏览器这个页面使用的是那个标准
head部分:将页面的一些额外信息告诉服务器。不会显示在页面上
body部分:所写代码必须放在此标签内
编写规范
1、所有标记元素都要正确的嵌套,不能交叉嵌套。
2、所有标记都必须小写
3、所有的标记都必须关闭
4、所有属性值必须加上引号
5、所有属性必须有值
head 标签内相关内容
<!DOCTYPE html>
<html lang="en">
<head>
<!-- 文档的标题、编码方式及URL等信息,这些信息大部分是用于提供索引,辩认或其他方面的应用(移动端) -->
<!-- 文档的标题 -->
<title>路飞学城</title>
<!-- 常用两个属性
http-equiv:它用来向浏览器传达一些有用的信息,帮助浏览器正确地显示网页内容,与之对应的属性值为content,content中的内容其实就是各个参数的变量值。
-->
<!--指定文档的内容类型和编码类型 -->
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<!-- 5秒之后 重定向 到路飞学城的网站 -->
<!-- <meta http-equiv="refresh" content="5;URL=https://www.luffycity.com"/> -->
<!--告诉IE浏览器以最高级模式渲染当前网页-->
<meta http-equiv="x-ua-compatible" content="IE=edge">
<!-- 为了我们的SEO优化 工作的时候下面这两句 要写-->
<meta name="keywords" content="meta总结,html meta,meta属性,meta跳转">
<meta name="description" content="路飞学城">
<!-- 定义我们的网站图标 -->
<link rel="icon" href="./fav.ico">
<!-- 引入外部样式表 -->
<link rel="stylesheet" type="text/css" href="./index.css">
<!-- 定义内部样式表 -->
<style type="text/css">
</style>
<!-- 定义内容脚本文件 -->
<script type="text/javascript">
</script>
<script src="./index.js"></script>
</head>
<body>
</body>
</html>