HTML捋一捋，简介 <！doctype html>,head 标签介绍

weixin_30525825

于 2018-10-01 15:14:00 发布

阅读量1.8k

点赞数 2

原文链接：http://www.cnblogs.com/yuanji2018/p/9734725.html

版权

1 HTML文件是什么

超文本标记语言（Hypertext Markup Language, HTML）是一种用于创建网页的标记语言。
本质上是浏览器可识别的规则，我们按照规则写网页，浏览器根据规则渲染我们的网页。对于不同的浏览器，对同一个标签可能会有不同的解释。（兼容性问题）
网页文件的扩展名：.html或.htm

2 HTML文件的作用

　　HTML语言写好的文件是给浏览器读的，浏览器再按照规则将其渲染成人类便于接受的网页

　　HTML是互联网服务的一个重要组成部分，基于HTML可以给用户提供多种不同类型的服务，

　　其流程是：浏览器发请求 --> HTTP协议 --> 服务端接收请求 --> 服务端返回响应 --> 服务端把HTML文件内容发给浏览器 --> 浏览器渲染页面

3 如何开始写一个HTML文件

<!DOCTYPE html>　　　　　#声明为HTML文档。
<html lang="zh-CN">    #告诉浏览器这是一个中文网页
<head>　　　　　　　　　　# 头部
  <meta charset="UTF-8">　　　　#声明编码，否则会出现乱码,有些浏览器会设置 GBK 为默认编码，则你需要设置为 <meta charset="gbk">。
  <title>css样式优先级</title>
</head>
<body>　　　　　　　　　　#主要内容部分

</body>
</html>

<!--注释内容-->     注释

4 html标签　

HTML标签是由尖括号包围的关键字，如<html>, <div>等
HTML标签通常是成对出现的，比如：<div>和</div>，第一个标签是开始，第二个标签是结束。结束标签会有斜线。
也有一部分标签是单独呈现的，比如：<br/>、<hr/>、<img src="1.jpg" />等。
标签里面可以有若干属性，也可以不带属性。

　　标签的语法：

<标签名属性1=“属性值1” 属性2=“属性值2”……>内容部分</标签名>
<标签名属性1=“属性值1” 属性2=“属性值2”…… />

　　几个很重要的属性：

id：定义标签的唯一ID，HTML文档树中唯一
class：为html元素定义一个或多个类名（classname）(CSS样式类名)
style：规定元素的行内样式（CSS样式）

　　<!DOCTYPE html>

　　作用：声明文档的解析类型(document.compatMode)，避免浏览器的怪异模式。　　

　　BackCompat：怪异模式，浏览器使用自己的怪异模式解析渲染页面。

　　CSS1Compat：标准模式，浏览器使用W3C的标准解析渲染页面。

　　如果你的页面没有DOCTYPE的声明，那么compatMode默认就是BackCompat,浏览器按照自己的方式解析渲染页面，那么，在不同的浏览器就会显示不同的样式。如果你的页面添加了<!DOCTYPE html>那么，那么就等同于开启了标准模式，你的页面在所有的浏览器里显示的就都是一个样子了。

head内常用标签

标签	意义
<title></title>	定义网页标题
<style></style>	定义内部样式表
<script></script>	定义JS代码或引入外部JS文件
<link/>	引入外部样式表文件
<meta/>	定义网页原信息

　　Meta标签　

eta标签介绍：

<meta>元素可提供有关页面的原信息（mata-information）,针对搜索引擎和更新频度的描述和关键词。
<meta>标签位于文档的头部，不包含任何内容。
　　　　<meta>提供的信息是用户不可见的。

meta标签的组成：meta标签共有两个属性，它们分别是http-equiv属性和name 属性

1.http-equiv属性：相当于http的文件头作用，它可以向浏览器传回一些有用的信息，以帮助正确地显示网页内容，与之对应的属性值为content，content中的内容其实就是各个参数的变量值。

<!--2秒后跳转到对应的网址，注意引号-->
<meta http-equiv="refresh" content="2;URL=https://www.oldboyedu.com">
<!--指定文档的编码类型-->
<meta http-equiv="content-Type" charset=UTF8">
<!--告诉IE以最高级模式渲染文档-->
<meta http-equiv="x-ua-compatible" content="IE=edge">

2.name属性: 主要用于描述网页，与之对应的属性值为content，content中的内容主要是便于搜索引擎机器人查找信息和分类信息用的。

<meta name="keywords" content="meta总结,html meta,meta属性,meta跳转">
<meta name="description" content="淘宝">

转载于:https://www.cnblogs.com/yuanji2018/p/9734725.html

weixin_30525825

关注

2
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
HTML捋一捋，简介 <！doctype html>,head 标签介绍

1 HTML文件是什么超文本标记语言（Hypertext Markup Language, HTML）是一种用于创建网页的标记语言。本质上是浏览器可识别的规则，我们按照规则写网页，浏览器根据规则渲染我们的网页。对于不同的浏览器，对同一个标签可能会有不同的解释。（兼容性问题）网页文件的扩展名：.html或.htm2 HTML文件的作用　　HTML语言写好的文件是给浏览器读...
复制链接

扫一扫