HTML核心系列之基础知识
常用浏览器内核(渲染引擎)
IE: trident
Firefox: Gecko
safari: webkit
chrome, Opera: Blink(webkit的分支)
推荐使用谷歌浏览器,谷歌浏览器具有强大的调试功能,为前端开发提高了效率。
推荐使用VS code编写代码,大量的插件能让代码书写的效率提高
注释
注释为代码的阅读者提供帮助,注释不参与运行。建议积极写注释,方便后续的维护
在HTML中,注释使用如下形式书写
<!--注释内容-->
元素
其他的叫法:标签
<a href="http://www.baidu.com" title="搜索引擎">百度</a>
整体:element(元素)
元素=起始标记(begin tag)+元素内容(往往是你要显示的东西)+结束标记(end tag)+元素属性
属性=属性名+属性值,如 title=“搜索引擎”
属性的分类:
—局部属性:某些元素特有的属性
—全局属性:所有元素通用的属性
有些元素没有结束标记,这样的元素叫做:空元素
<meta charset="UTF-8">
元素的嵌套
元素不能相互嵌套
比如下面的方式是不允许的
<a href="">
<p>
</a>
</p>
但是可以内部嵌套
<a href="">
<p></p>
</a>
父元素、子元素、祖先元素、后代元素、兄弟元素(拥有同一个父元素的两个元素)
标准文档结构
HTML:页面、HTML文档
<!DOCTYPE html>
文档声明,告诉浏览器,当前文档使用的HTML标准是HTML5。
不写文档声明,将导致浏览器进入怪异渲染模式
<html lang="en">
</html>
该元素为根元素,一个元素最多只能有一个根元素,并且该元素是其他所有元素的父元素或祖先元素,HTML5没有强制要写该元素
lang属性: language,全局属性,表示该元素内部使用的文字是使用哪一种自然语言书写而成的。
lang='en'
表示书写的是英文,能触发浏览器的自动翻译功能
lang='cmn-hans'
表示书写的内容是汉字,不会触发浏览器的自动翻译功能
<head>
</head>
文档头,文档头内部的内容,不会显示到页面上
<meta>
文档的元数据:附加信息。
charset:指定网页内容编码,主要有utf-8,gbk
<title>D第一个网页</title>
网页标题
<body>
</body>
文档体:页面上所有要参与显示的元素,都应该放在文档体中。