HTML相关知识点

最新推荐文章于 2024-05-23 13:39:19 发布

forforfor123

最新推荐文章于 2024-05-23 13:39:19 发布

阅读量198

点赞数

分类专栏：前端文章标签： html

本文链接：https://blog.csdn.net/weixin_41123761/article/details/79603856

版权

前端专栏收录该内容

7 篇文章 0 订阅

订阅专栏

1、新的 HTML5 文档类型和字符集是？

HTML5 文档类型很简单：

 
         <!doctype html>

HTML5 使用 UTF-8 编码示例：

 
         <meta charset=”UTF-8″>

2、请描述一个网页从开始请求道最终显示的完整过程？

（1）在浏览器中输入网址；

（2）发送至DNS服务器并获得域名对应的WEB服务器IP地址；

（3）与WEB服务器建立TCP连接；

（4）浏览器向WEB服务器的IP地址发送相应的HTTP请求；

 
   （5）WEB服务器响应请求并返回指定URL的数据，或错误信息，如果设定重定向，则重定向到新的URL地址； 
  

 
   （6）浏览器下载数据后解析HTML源文件，解析的过程中实现对页面的排版，解析完成后在浏览器中显示基础页面； 
  

 
   （7）分析页面中的超链接并显示在当前页面，重复以上过程直至无超链接需要发送，完成全部数据显示。

3、行内元素有哪些？块级元素有哪些？空(void)元素有那些？

***行内元素***：
a - 锚点，em - 强调，strong - 粗体强调，span - 定义文本内区块，i - 斜体,img - 图片,b - 粗体，label - 表格标签，select - 项目选择，textarea - 多行文本输入框，sub - 下标，
sup - 上标，q - 短引用；
***块元素***：
div - 常用块级，dl - 定义列表，dt，dd，ul- 非排序列表，li，ol-排序表单，p-段落，h1，h2，h3，h4，h5-标题，table-表格，fieldset - form控制组，form - 表单，
***空元素***：
br-换行，hr-水平分割线；

4、html5有哪些新特性、移除了那些元素？如何处理HTML5新标签的浏览器兼容问题？如何区分 ?

***新增了以下的几大类元素***

内容元素，article、footer、header、nav、section。

表单控件，calendar、date、time、email、url、search。

控件元素，webworker, websockt, Geolocation。

***移出的元素有下列这些****

显现层元素：basefont，big，center，font, s，strike，tt，u。

性能较差元素：frame，frameset，noframes。

HTML5已形成了最终的标准，概括来讲，它主要是关于图像，位置，存储，多任务等功能的增加。

新增的元素有绘画 canvas ，

用于媒介回放的 video 和 audio 元素，

本地离线存储 localStorage 长期存储数据，浏览器关闭后数据不丢失，

而sessionStorage的数据在浏览器关闭后自动删除，

此外，还新增了以下的几大类元素。

内容元素，article、footer、header、nav、section。

表单控件，calendar、date、time、email、url、search。

控件元素，webworker, websockt, Geolocation。

***移出的元素有下列这些***显现层元素：basefont，big，center，font, s，strike，tt，u。

性能较差元素：frame，frameset，noframes。***新的技术***canvas,svg,webworker, websocket, Geolocation......

5、简述一下你对HTML语义化的理解。

（1）HTML语义化让页面的内容结构化，结构更清晰，便于对浏览器、搜索引擎解析；
（2）即使在没有样式CSS的情况下也能以一种文档格式显示，并且是容易阅读的；
（3）搜索引擎的爬虫也依赖于HTML标记来确定上下文和各个关键字的权重，有利于SEO；
（4）使阅读源代码的人更容易将网站分块，便于阅读、维护和理解。

6、请描述一下 cookies，sessionStorage 和 localStorage 的区别？

Web Storage有两种形式：

LocalStorage（本地存储）和sessionStorage（会话存储）。

这两种方式都允许开发者使用js设置的键值对进行操作，在在重新加载不同的页面的时候读出它们。这一点与cookie类似。

（1）与cookie不同的是：Web Storage数据完全存储在客户端，不需要通过浏览器的请求将数据传给服务器，因此x相比cookie来说能够存储更多的数据，大概5M左右。

（2）LocalStorage和sessionStorage功能上是一样的，但是存储持久时间不一样。LocalStorage：浏览器关闭了数据仍然可以保存下来，并可用于所有同源（相同的域名、协议和端口）窗口（或标签页）；

sessionStorage：数据存储在窗口对象中，窗口关闭后对应的窗口对象消失，存储的数据也会丢失。

注意：sessionStorage 都可以用localStorage 来代替，但需要记住的是，在窗口或者标签页关闭时，使用sessionStorage 存储的数据会丢失。

（3）使用 local storage和session storage主要通过在js中操作这两个对象来实现，

分别为window.localStorage和window.sessionStorage. 这两个对象均是Storage类的两个实例，自然也具有Storage类的属性和方法。

7、实现不使用 border 画出 1px 高的线，在不同浏览器的标准模式与怪异模式下都能保持一致的效果？

<div style="height:1px;overflow:hidden;background:#ccc"></div>

forforfor123

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
HTML相关知识点

1、新的 HTML5 文档类型和字符集是？HTML5 文档类型很简单：1&lt;!doctype html&gt;HTML5 使用 UTF-8 编码示例：1&lt;meta charset=”UTF-8″&gt;2、请描述一个网页从开始请求道最终显示的完整过程？（1）在浏览器中输入网址；（2）发送至DNS服务器并获得域名对应的WEB服务器IP地址；（3）与WEB服务器建立TCP连接；（4）浏览器向...
复制链接

扫一扫