标签:方式 a标签 高级 添加 转义符 document div rip 服务端
HTML语言写好的文件是给浏览器读的,浏览器再按照规则将其渲染成人类便于接受的网页
HTML是互联网服务的一个重要组成部分,基于HTML可以给用户提供多种不同类型的服务,
其流程是:浏览器发请求 --> HTTP协议 --> 服务端接收请求 --> 服务端返回响应 --> 服务端把HTML文件内容发给浏览器 --> 浏览器渲染页面
<!DOCTYPE html> #声明为HTML文档。 <html lang="zh-CN"> #告诉浏览器这是一个中文网页 <head> # 头部 <meta charset="UTF-8"> #声明编码,否则会出现乱码,有些浏览器会设置 GBK 为默认编码,则你需要设置为 <meta charset="gbk">。 <title>css样式优先级</title> </head> <body> #主要内容部分 </body> </html>
<!--注释内容--> 注释
标签的语法:
几个很重要的属性:
<!DOCTYPE html>
作用:声明文档的解析类型(document.compatMode),避免浏览器的怪异模式。
BackCompat:怪异模式,浏览器使用自己的怪异模式解析渲染页面。
CSS1Compat:标准模式,浏览器使用W3C的标准解析渲染页面。
如果你的页面没有DOCTYPE的声明,那么compatMode默认就是BackCompat,浏览器按照自己的方式解析渲染页面,那么,在不同的浏览器就会显示不同的样式。 如果你的页面添加了<!DOCTYPE html>那么,那么就等同于开启了标准模式,你的页面在所有的浏览器里显示的就都是一个样子了。
标签 | 意义 |
---|---|
<title></title> | 定义网页标题 |
<style></style> | 定义内部样式表 |
<script></script> | 定义JS代码或引入外部JS文件 |
<link/> | 引入外部样式表文件 |
<meta/> | 定义网页原信息 |
eta标签介绍:
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="Python学院">
标签:方式 a标签 高级 添加 转义符 document div rip 服务端
原文地址:https://www.cnblogs.com/yuanji2018/p/9734725.html