超文本标记语言
5语义HTML5和新特性
什么是HTML语义？
选择合适的标签，以方便开发人员阅读和编写更优雅的代码。
为什么要使用语义标签？
1).在没有CSS样式的情况下，整个页面也会呈现出良好的结构效果。
2).更有利于用户体验
3).更有利于搜索引擎优化
4)代码结构清晰，便于团队开发和维护。
5 html 5有哪些新特性？
1).语义标签
2)音频和视频处理
3).画布/ WebGL
4).历史API
5).requestAnimationframe
6)地理位置
7).WebSocket
8).手机程序
什么是DOCTYPE及其功能？
DOCTYPE用于声明文档类型和DTD规范，其主要目的之一是验证文档的有效性。如果文件代码不合法，浏览器在解析时会出错。
内嵌元素和块级元素
1.线中元素的特性？
1).元素排列成一行
2).它只能包含文本或其他行内元素
3)宽度和高度是指内容宽度和高度，设置宽度和高度无效。
2.块级元素的特点？
1).元素占据一行。
2).可以设置元素的宽度和高度。
3).它可以包含行内元素和其他块元素
4).设置的宽度时，默认宽度是其容器的100%。
3.常见行内元素标记
a、br、code、em、img、input…a、br、code、em、img、input…
4.常见的块级元素标记:
p，p，dl，dt，form，h1~h6…
简述src和href的区别
1. src是指向外部资源的位置，指向的内容会嵌入到文档中当前标签所在的位置，在请求src资源时会将其指向的资源下载并应用到文档内，如js脚本，img图片和frame等元素。当浏览器解析到该元素时，会暂停其他资源的下载和处理，知道将该资源加载、编译、执行完毕，所以一般js脚本会放在底部而不是头部。1.src引用外部资源的位置，所指向的内容会嵌入到文档中当前标签的位置。当请求src资源时，指向的资源将被下载并应用到文档中，例如js脚本、img图像、框架和其他元素。浏览器在解析元素时，会暂停其他资源的下载和处理，直到资源被加载、编译和执行，所以一般的js脚本会放在底部而不是头部。
2.href指的是网络资源的位置，用于建立与当前元素或文档的连接。当浏览器识别出它所指向的文件时，它将并行下载资源，并且不会停止处理当前文档。
p+css布局比表格布局有什么优势？
1.普通场景一般适用于p+CSS布局，
2.优势:
1)结构和风格的分离
2)代码具有良好的语义。
3).它更符合HTML标准规范
4).SEO是友好的
3.表格布局的适用场景:
由于某些原因，不方便加载外部css，比如邮件正文。这时候使用表格布局，不用CSS也能保持页面布局正常。
一个页面上有很多图片，加载很慢。你有什么方法优化这些图片的加载，给用户更好的体验？
1.图片懒得加载。可以在页面的不可见区域添加滚动条事件，判断图片位置与浏览器顶部的距离以及与页面的距离。如果前者比后者小，就先加载。
2.如果是幻灯片、相册等。，您可以使用图片预加载技术先下载当前显示器的上一张和下一张图片。
3.如果图片是css图片，可以使用CSSsprite、SVGsprite、Iconfont、base64等技术。
4.如果图片太大，可以用专门编码的图片。加载时，你会先加载一个特别强大的压缩缩略图，以改善用户体验。
5.如果图片的显示区域小于图片的真实尺寸，则图片的压缩尺寸与显示一致，因为图片是根据业务需要在服务器端压缩的。
meta的属性和作用是什么？
元标签用于描述网页的元信息，如网站作者、描述和关键词。meta以名称=xxx、内容=xxx的形式定义信息，常见设置如下:
1.字符集:定义HTML文档的字符集。
2.http-equiv:可以用来模拟http请求头，可以设置过期时间，缓存和刷新。
< meta http-equiv = " expires " content = " Wed，20Jun201922:33:00GMT " >
3.viewport:viewport用于控制页面的宽度和高度以及缩放比例。
