摘要: strong标签有语义,是起到加重语气的效果,而b标签是没有的,b标签只是一个简单加粗标签。b标签之间的字符都设为粗体,strong标签加强字符的语气都是通过粗体来实现的,而搜索引擎更侧重strong标签。 title属性没有明确意义只表示是个标题,H1则表示层次明确的标题,对页面信息的抓取有很大的 阅读全文
posted @ 2022-03-25 21:43 随行的背包 阅读(159) 评论(0) 推荐(0)
摘要: 在 HTML 页面中,如果在执行脚本时,页面的状态是不可相应的,直到脚本执行完成后,页面才变成可相应。web worker 是运行在后台的 js,独立于其他脚本,不会影响页面的性能。 并且通过 postMessage 将结果回传到主线程。这样在进行复杂操作的时候,就不会阻塞主线程了。 如何创建 we 阅读全文
posted @ 2022-03-25 21:15 随行的背包 阅读(94) 评论(0) 推荐(0)
摘要: 行内元素有:a b span img input select strong; 块级元素有:div ul ol li dl dt dd h1 h2 h3 h4 h5 h6 p; 空元素,即没有内容的HTML元素。空元素是在开始标签中关闭的,也就是空元素没有闭合标签: 常见的有:<br>、<hr>、< 阅读全文
posted @ 2022-03-25 20:00 随行的背包 阅读(129) 评论(0) 推荐(0)
摘要: 1. 语义化标签 header:定义文档的页眉(头部); nav:定义导航链接的部分; footer:定义文档或节的页脚(底部); article:定义文章内容; section:定义文档中的节(section、区段); aside:定义其所处内容之外的内容(侧边); 2.DOM查询操作 docum 阅读全文
posted @ 2022-03-25 19:49 随行的背包 阅读(59) 评论(0) 推荐(0)
摘要: meta 标签由 name 和 content 属性定义,用来描述网页文档的属性,比如网页的作者,网页描述,关键词等,除了HTTP标准固定了一些name作为大家使用的共识,开发者还可以自定义name。 常用的meta标签: (1)charset,用来描述HTML文档的编码类型: <meta char 阅读全文
posted @ 2022-03-25 18:35 随行的背包 阅读(417) 评论(0) 推荐(0)
摘要: 如果没有defer或async属性,浏览器会立即加载并执行相应的脚本。它不会等待后续加载的文档元素,读取到就会开始加载和执行,这样就阻塞了后续文档的加载。 下图可以直观的看出三者之间的区别: 其中蓝色代表js脚本网络加载时间,红色代表js脚本执行时间,绿色代表html解析。 defer 和 asyn 阅读全文
posted @ 2022-03-25 18:28 随行的背包 阅读(113) 评论(0) 推荐(0)
摘要: DOCTYPE是HTML5中一种标准通用标记语言的文档类型声明,它的目的是告诉浏览器(解析器)应该以什么样(html或xhtml)的文档类型定义来解析文档,不同的渲染模式会影响浏览器对 CSS 代码甚⾄ JavaScript 脚本的解析。它必须声明在HTML⽂档的第⼀⾏。 浏览器渲染页面的两种模式( 阅读全文
posted @ 2022-03-25 18:10 随行的背包 阅读(81) 评论(0) 推荐(0)
摘要: 语义化是指根据内容的结构化(内容语义化),选择合适的标签(代码语义化)。通俗来讲就是用正确的标签做正确的事情。 语义化的优点如下: 对机器友好,带有语义的文字表现力丰富,更适合搜索引擎的爬虫爬取有效信息,有利于SEO。除此之外,语义类还支持读屏软件,根据文章可以自动生成目录; 对开发者友好,使用语义 阅读全文
posted @ 2022-03-25 18:06 随行的背包 阅读(31) 评论(0) 推荐(0)