web标准
总结说明:
强烈推荐:
浏览器 | 内核 |
---|---|
火狐浏览器 | gecko |
谷歌浏览器 | blink |
PS:「浏览器内核」也就是浏览器所采用的「渲染引擎」,渲染引擎决定了浏览器如何显示网页的内容以及页面的格式信息。
总结:渲染引擎是兼容性问题出现的根本原因。
html全称(HyperText Markup Language): 超文本标记语言,不是一种编程语言。
是一种描述性的标记语言,用来描述超文本的显示方式。比如字体,颜色,大小等。
作用:html是负责描述文档语义的语言
注意:HTML语言不是编程语言,而是一个标记语言(没有编译过程),html页面直接由浏览器解析执行
HTML只是负责描述文档语义的语言,在html中,除了语义,其他什么都没有。
html是一个纯本文文件(就是用txt文件改名而成),用一些标签来描述文字的语义,这些标签在浏览器里面是看不到的,所以称为“超文本”,所以就是“超文本标记语言”了。
<p>
称为开始标记,</p>
称为结束标记,也叫标签。每个标签都规定好了特殊的含义<p>
内容<p>
称为元素<h1><font></font></h1>
<span></span>
<br> 转成<br />,<hr>转成<hr \>,<img src="url" />
<h1 id="head"> </h1>
<input type="radio" checked="checked">
html对换行不敏感,对tab不敏感
html只在乎标签的嵌套结构,嵌套的关系。和换行 tab无关
也就是说html不是靠缩进来表示嵌套的,就是看标签的包裹关系。但是有良好的缩进,代码更易读。建议缩进
空白折叠线下
HTML中所有的文字之间,如果有换行/空格/tab都将被折叠为一个空格显示
标签要严格封闭
<html></html> <meta />
新建html文件,输入html:5 或者! 然后按tab键后,自动生成的代码如下:
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
</body>
</html>
在任何一个标准的html页面,第一行一定是以一个以<!doctype html>
开头
这一行,就是文档声明头,(DocType Declaration),简称DTD。此标签可告知浏览器文档使用哪种HTML或XHTML规划
head标签都放在头部分之间。这里面包含:‘