CSS+HTML知识点总结

最新推荐文章于 2023-11-05 13:07:37 发布

南柯一孟

最新推荐文章于 2023-11-05 13:07:37 发布

阅读量743

点赞数 1

分类专栏： html css 文章标签： css html html5 css3

本文链接：https://blog.csdn.net/ErMengmengmeng/article/details/105686803

版权

注：学习笔记，主要记一些平时容易混淆和漏记的知识点，自用，会不定时更新。

文档声明（doctype）

声明一般位于文档的第一行，它的作用主要是告诉浏览器以什么样的模式来解析文档（当前网页的版本）。一般指定了之后会以标准模式来进行文档解析，否则就以兼容模式进行解析。在标准模式下，浏览器的解析规则都是按照最新的标准进行解析的。而在兼容模式下，浏览器会以向后兼容的方式来模拟老式浏览器的行为，以保证一些老的网站的正确访问。

<!doctype html>
<!Doctype HTML>

这两种形式都表示下面写的网页是html5的版本，大小写都可以。
注：h4基于SGML，需要对DTD进行引用，才能告知浏览器所使用的文档类型，h5则不用。

SGML，HTML,XML和XHTML

  SGML 是标准通用标记语言，是一种定义电子文档结构和描述其内容的国际标准语言，是所有电子文档标记语言的起源。
  HTML 是超文本标记语言，主要是用于规定怎么显示网页。
  XML 是可扩展标记语言是未来网页语言的发展方向，XML 和 HTML 的最大区别就在于 XML 的标签是可以自己创建的，数量无限多，而 HTML 的标签都是固定的而且数量有限。
  XHTML 也是现在基本上所有网页都在用的标记语言，他其实和 HTML 没什么本质的区别，标签都一样，用法也都一样，就是比 HTML 更严格，比如标签必须都用小写，标签都必须有闭合标签等。

字符编码

编码
将字符转换为二进制码的过程
解码
将二进制转换为字符的过程
字符集（chartset）
编码和解码所采用的的规则
乱码问题
如果编码和解码所采用的字符集不同，就会出现乱码问题。
常见的字符集：
ASCII:美国
ISO88591：欧洲
GB2312：中国
GBK：中国的扩充
UTF-8：万国码
html文件中，通过meta标签来设置网页的字符集，避免乱码问题。

<meta charset="UTF-8">

网页的基本结构

<!-- 文档声明，声明当前网页版本 -->
<!doctype html>
<!-- html的根标签（元素），网页中的所有内容都要写在根元素里 -->
<html>
	<!-- head是网页的头部，head中的内容不会再网页总直接出现，主要用来帮助浏览器或搜索引擎来解析网页 -->
	<head>
		<!-- meta标签用来设置网页的元数据，这里meta用来设置网页的字符集，避免乱码 -->
		<meta charset="UTF-8">
		<!-- title中的内容会显示在浏览器的标题栏，搜索引擎会主要根据title中的内容来判断网页的主要内容 -->
		<title></title>
	</head>
	<!-- body是html的子元素，表示网页的主体，网页中所有的课件内容都应该写在body里 -->
	<body>








	</body>
</html>

meta

meta标签主要用于设置网页中的一些元数据。
meta标签的一些属性：
    chartset 指定网页的字符集
    name 指定数据的名称
    content 指定数据的内容
    http-equiv 用于将页面重定向到另一个网站

<meta http-equiv="description" content="3；url=http://www.baidu.com">

这里表示网页3s后重定向到www.baidu.com

name：

keywords表示网站的关键字，可以同时指定多个关键字，用逗号（，）隔开。
下例就表示keywords的值是HTML5,前端，CSS3

<meta name="keywords" content="HTML5,前端，CSS3">

description用于指定网站的描述，会显示在搜索引擎搜素结果超链接下的描述文字里。
注：搜索结果超链接上的文字显示是title标签里的内容

<meta name="description" content="这是一个非常不错的网站">

常用的meta标签：

<meta charset="UTF-8">
 声明文档使用的字符编码
<meta http-equiv=”X-UA-Compatible” content="IE=edge,chrome=1">  
优先使用 IE 最新版本和 Chrome
<meta name=”description” content=”不超过150个字符”/>       
页面描述
<meta name=”keywords” content=””/>      
页面关键词者
<meta name=”author” content=”name, email@gmail.com”/>    
网页作者
<meta name=”robots” content=”index,follow”/>      
搜索引擎抓取
<meta name=“viewport” content=" initial-scale=1,maximum-scale=3,minimum-scale=1, user-scalable=no "> 
为移动设备添加 viewport
<meta name=”apple-mobile-web-app-title” content

最低0.47元/天解锁文章

南柯一孟

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
CSS+HTML知识点总结

CSS+HTML知识点总结二级目录三级目录文档声明（doctype）文档声明用来告诉浏览器当前网页的版本。<!doctype html><!Doctype HTML>这两种形式都表示下面写的网页是html5的版本，大小写都可以字符编码** 编码**将字符转换为二进制码的过程** 解码**将二进制转换为字符的过程** 字符集（chartset）**...
复制链接

扫一扫