本文详细介绍了HTML的结构、作用以及与CSS、JavaScript的关系，强调了语义化的意义。浏览器内核分为渲染引擎和JS引擎，常见的有Trident、Gecko、WebKit、Presto和EdgeHTML。HTML5的DOCTYPE声明用于告知浏览器使用标准模式解析。此外，还涵盖了表格、图像、链接、注释、相对与绝对路径、列表和表单的基础知识，以及XHTML与HTML的区别。
查询文档
WEB标准的三层结构
分别是结构（html）、表现（css）和行为（javascript）
介绍一下你对浏览器内核的理解？常见的浏览器内核有哪些？
五大主流浏览器内核的源起以及国内各大浏览器内核总结
浏览器内核包括两部分，渲染引擎和js引擎。渲染引擎负责读取网页内容，整理讯息，计算网页的显示方式并显示页面，js引擎是解析执行js获取网页的动态效果。 后来 JS 引擎越来越独立，内核就倾向于只指渲染引擎。
IE：Trident
firefox：Gecko
chrom、safari：webkit
Opera：Presto
Microsoft Edge：EdgeHTML
HTML的含义和作用
- HTML 指的是超文本标记语言 (Hyper Text Markup Language)是用来描述网页的一种语言。
- HTML 不是一种编程语言，而是一种标记语言 (markup language)
- 标记语言是一套标记标签 (markup tag)
一句话说出html作用:
网页是由网页元素组成的 ， 这些元素是利用html标签描述出来，然后通过浏览器解析，就可以显示给用户了。
所谓超文本，有2层含义：
- 因为它可以加入图片、声音、动画、多媒体等内容（超越文本限制）
- 不仅如此，它还可以从一个文件跳转到另一个文件，与世界各地主机的文件连接（超级链接文本）。
HTML骨架标签
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>
文档类型<!DOCTYPE>
作用：
声明位于文档中的最前面的位置，处于 标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。一句话说出他们:
就是告诉浏览器按照HTML5 规范解析页面.HTML标签的语义化
一句话说出语义化目的:
根据标签的语义，在合适的地方给一个最为合理的标签，让结构更清晰。
- 方便代码的阅读和维护
- 同时让浏览器或是网络爬虫可以很好地解析，从而更好分析其中的内容
- 使用语义化标签会具有更好地搜索引擎优化
语义是否良好： 当我们去掉CSS之后，网页结构依然组织有序，并且有良好的可读性。
文本格式化标签
| 显示效果 |
|---|
| 粗体 |
| 斜体 |
| 添加下划线 |
区别：
b 只是加粗 strong 除了可以加粗还有 强调的意思， 语义更强烈。
图像标签img
语法如下：
<img src="图像URL" />
该语法中src属性用于指定图像文件的路径和文件名，他是img标签的必需属性。
| 属性 | 属性值 | 描述 |
|---|---|---|
| src | URL | 图像的路径 |
| alt | 文本 | 图像不能显示时的替换文本 |
| title | 文本 | 鼠标悬浮时显示的内容 |
| width | 像素（XHTML不是指％页面百分比） | 设置图像的宽度 |
| height | 像素（XHTML不是指％页面百分比） | 设置图像的高度 |
| border | 数字 | 设置图像边框的宽度 |
alt 和 title 属性区别?
alt图像不能显示时的替换文本
title是鼠标悬停时显示的内容
链接标签
语法格式：
<a href="跳转目标" target="目标窗口的弹出方式">文本或图像</a>
| 属性 | 作用 |
|---|---|
| href | 用于指定链接目标的url地址，（必须属性）当为标签应用href属性时，它就具有了超链接的功能 |
| target | 用于指定链接页面的打开方式，其取值有_self和_blank两种，其中_self为默认值，__blank为在新窗口中打开方式。 |
新窗口打开这个一个链接网页?
target="_blank"
注释标签
<!-- 注释语句 --> 快捷键是： ctrl + / 或者 ctrl +shift + /
相对路径与绝对路径
以引用文件之网页所在位置为参考基础，而建立出的目录路径。因此，当保存于不同目录的网页引用同一个文件时，所使用的路径将不相同，故称之为相对路径。
一句话说出他们:
相对路径，是从代码所在的这个文件出发， 去寻找我们的目标文件的，而 我们所说的 上一级 下一级 同一级 简单说，就是 图片 位于 HTML 页面的位置
绝对路径以Web站点根目录为参考基础的目录路径。之所以称为绝对，意指当所有网页引用同一个文件时，所使用的路径都是一样的。
但是要注意，它的写法 特别是符号 \ 并不是 相对路径的 /
html5发展之路
HTML和 XHTML之间有什么区别
- XHTML 指的是可扩展超文本标记语言
- XHTML 与 HTML 4.01 几乎是相同的
- XHTML 是更严格更纯净的 HTML 版本
- XHTML 是以 XML 应用的方式定义的 HTML
- XHTML 是 2001 年 1 月发布的 W3C 推荐标准
- XHTML 得到所有主流浏览器的支持
- XHTML 元素是以 XML 格式编写的 HTML 元素。XHTML是严格版本的HTML，例如它要求标签必须小写，标签必须被正确关闭，标签顺序必须正确排列，对于属性都必须使用双引号等。
关于表格的基本语法：
<table>
<tr>
<td>单元格内的文字</td>
...
</tr>
...
</table>
表格属性
我们经常有个说法，是三参为0， 平时开发的我们这三个参数 border cellpadding cellspacing 为 0
| 标签名 | 定义 | 说明 |
|---|---|---|
| table | 表格标签 | 就是一个四方的盒子 |
| tr | 表格行标签 | 行标签要再table标签内部才有意义 |
| td | 单元格标签 | 单元格标签是个容器级元素，可以放任何东西 |
| th | 表头单元格标签 | 它还是一个单元格，但是里面的文字会居中且加粗 |
| caption | 表格标题标签 | 表格的标题，跟着表格一起走，和表格居中对齐 |
| clospan 和 rowspan | 合并属性 | 用来合并单元格的 |
合并单元格2种方式
合并的顺序我们按照 先上 后下 先左 后右 的顺序
- 跨行合并：rowspan=“合并单元格的个数”
- 跨列合并：colspan=“合并单元格的个数”
列表总结
| 标签名 | 定义 | 说明 |
|---|---|---|
| ul | 无序标签 | 里面只能包含li 没有顺序，我们以后布局中最常用的列表 |
| ol | 有序标签 | 里面只能包含li 有顺序， 使用情况较少 |
| dl | 自定义列表 | 里面有2个兄弟， dt 和 dd |
表单标签
input 控件
- 语法
<input type="属性值" value="你好">
- 常见属性
input 属性小结
| 属性 | 说明 | 作用 |
|---|---|---|
| type | 表单类型 | 用来指定不同的控件类型 |
| value | 表单值 | 表单里面默认显示的文本 |
| name | 表单名字 | 页面中的表单很多，name主要作用就是用于区别不同的表单。 |
| checked | 默认选中 | 表示那个单选或者复选按钮一开始就被选中了 |
244
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
