html
关注
分享
扫一扫
weixin_43152527
这个作者很懒，什么都没留下…
展开
-
HTML之DOCTYPE
先看几种doctype 声明类型： <!-- html5 --> <!doctype html> <!-- 严格版本 --> < !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <!-- 过渡版本 --> &...原创 2019-10-07 09:33:28 · 1001 阅读 · 0 评论 -
HTML与XHTML
W3C 下与网页（超文本）相关的标准有两个系列：HTML 系列和 XHTML 系列。 HTML 系列从 HTML 第一版一直发展到 HTML 4.x、HTML5，HTML 系列的工作重点在于丰富与超文本相关的功能、标记，提供较好的兼容性，更加面向“人”； XHTML 是更严谨更纯净的 HTML 版本。 XHTML 系列从 XHTML 1.0、1.1、2.0 跳跃到 HTML5 的一部分：所谓的“X...原创 2019-10-07 14:23:24 · 337 阅读 · 0 评论 -
HTML5 新特性
（一）、 语义标签 1、<section></section> 定义文档中的主体部分的节、段。 2、<article></article> 一个特殊的section标签，比section有更明确的语义。定义来自外部的一个独立的、完整的内容块，例如什么论坛的文章，博客的文本。 3、<aside></aside> 用来装载页面中...转载 2019-10-07 14:44:05 · 203 阅读 · 0 评论 -
自定义属性 data-*
data-* 属性是 HTML5 中的新属性。是HTML 全局属性。 用于存储页面或应用程序的私有定制数据。 ps：（全局属性） HTML 属性赋予元素意义和语境。可用于任何 HTML 元素。 示例： <!DOCTYPE html> <html> <head> <script> function showDetails(animal) { ...原创 2019-10-07 15:03:49 · 212 阅读 · 0 评论 -
cookies sessionStorage和localstorage
sessionStorage 和 localStorage 是HTML5 Web Storage API 提供的，可以方便的在web请求之间保存数据。有了本地数据，就可以避免数据在浏览器和服务器间不必要地来回传递。 sessionStorage、localStorage、cookie都是在浏览器端存储的数据，其中sessionStorage的概念很特别，引入了一个“浏览器窗口”的概念。sessio...原创 2019-10-07 15:15:13 · 215 阅读 · 0 评论 -
meta标签
定义和用法 元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。 标签位于文档的头部，不包含任何内容。 标签的属性定义了与文档相关联的名称/值对。 标签永远位于 head 元素内部。 元数据总是以名称/值的形式被成对传递的。 元数据（metadata）是关于数据的信息。 标签提供关于 HTML 文档的元数据。元数据不会显示在页面上，但是...转载 2019-10-07 17:06:25 · 206 阅读 · 0 评论 -
script、script async、script defer 之间的不同
向html页面中插入javascript代码的主要方法就是通过script标签。其中包括两种形式，第一种直接在script标签之间插入js代码，第二种即是通过src属性引入外部js文件。由于解释器在解析执行js代码期间会阻塞页面其余部分的渲染，对于存在大量js代码的页面来说会导致浏览器出现长时间的空白和延迟，为了避免这个问题，建议把全部的js引用放在标签之前。 script标签存在两个属性，def...原创 2019-10-09 18:31:25 · 305 阅读 · 0 评论 -
为什么把 Script 标签放在 body 结束标签之后 html 结束标签之前？(转)
作者：贺师俊 链接：https://www.zhihu.com/question/20027966/answer/13727164 来源：知乎 著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。 Google并没有把新浪微博确实有在之后输出新浪微博所用的doctype是XHTML 1.0，但是其response的content type头并没有用XHTML mimetype，所以...原创 2019-10-09 18:35:16 · 919 阅读 · 0 评论 -
渐进式渲染简述
什么是渐进式渲染？ 渐进式渲染是用来提高网页性能，以尽快呈现页面的技术。 例如： 图片懒加载——页面上的图片不会一次性的全部加载，当用户滚动页面到图片位置时，JS将加载并显示图像。 确定显示内容的优先级——为了尽快将页面呈现给用户，页面只将一小部分CSS，脚本，内容加载，然后在延时加载或者监听事件来加载。 异步加载HTML片段——当页面通过后台渲染时，把HTML拆分，通过异步请求，分块发送给浏览器...原创 2019-10-10 18:42:35 · 1787 阅读 · 0 评论