标签：块级 面试题 浏览器 元素 基础 HTML 文档 服务器

HTML基础面试题

HTML

HTML语义化的理解

  HTML5中新增加的很多标签就是基于语义化设计原则。HTMl本身作为一个标记语言，语义化的要求就是

• 用正确的标签去做正确的事情
• 让页面内容结构化，便于浏览器进行解析
• 在没有CSS样式的情况下能够已文档形式去显示。便于阅读
• 便于阅读维护和理解，利于SEO（搜索引擎优化）

HTML5中移除和添加的元素

移除的元素：

• 可用性产生负面影响的元素：frame、frameset、noframes
• 纯表现的元素：basefont、big、center、font、s、strike、 tt、u

新增元素：

• <header>：主要用于定义内容的介绍展示区域，描述了文档的头部区域，比如定义文章的头；
• <nav>：定义导航链接的部分；
• <section>：定义了文档中的节，比如章节、页眉、页脚或文档中的其他部分；
• <article>：定义独立的内容；
• <aside>：定义页面主区域之外的内容，比如侧边栏；
• <footer>：定义文档的底部区域，描述文档的页脚，比如作者、著作权信息、联系方式等；
• header和footer用于网页结构，menu和figure用于创建菜单，audio和video用于播放音频

<image> 标签上title属性与alt属性的区别

• alt是图片加载失败时，显示在网页上的替代文字；
• title是鼠标放上面时显示的文字。

从浏览器地址栏输入url到显示页面的步骤

1. 浏览器解析URL，解析域名、访问协议、资源名等，封装HTTP请求报文
2. DNS域名解析，获得服务器IP地址
3. 浏览器和服务器进行TCP连接（三次握手）
   • 浏览器向服务器发情请求，等待服务器确认
   • 服务器接受到请求并确认，回复一个指令
   • 浏览器接收到服务器恢复指令并返回确认
4. 浏览器发起请求，服务器接受并响应结果
5. 浏览器接受并解析响应结果，渲染界面

HTML元素的分类及其特点

HTML元素分为块级元素和行内元素

• 块级元素：dl、div、form、 h1-h6、 p 、ul等
• 行内元素：a、 br、 input 、span、 select等

块级元素和行内元素的特点

• 块级元素：总是在新行上开始；高度、行高以及外边距和内边距可以控制；宽度默认是容器的100%；可以容纳内联元素和其他块级元素。
• 行内元素：和其他元素在同一行上；高和外边距不可改变；宽度就是它的文字和图片的宽度，不可改变；内联元素只能容纳文本或者其他内联元素。

HTML5有哪些不同类型的存储

  HTML5支出本地存储，速度快并且安全，在之前的版本中是通过cookie来实现的，现在通过localstorage和sessionstorage对象来存储数据，前者适用于长期存储，浏览器关闭后不丢失，后者存储的数据在关闭回话（关闭浏览器）后丢失

 注意和token的区别，个人理解为 sessionstorage、localstorage 都是用来存储token的地方，token是一个键值对，用来处理用户权限

标签：块级,面试题,浏览器,元素,基础,HTML,文档,服务器
来源： https://blog.csdn.net/qq_43987917/article/details/120403034

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。