html
文章平均质量分 68
gigi就是我
这个作者很懒,什么都没留下…
展开
-
过一遍html标签(一)
根元素html html元素代表HTML文档的根,其他所有元素都是此元素的后代。因为html元素是一个文档中的第一个元素(除了注释),因此它被叫做根元素。在HTML中它不是必须的,但在XHTML中必须明确给出html元素的开闭标签。对应的DOM接口是HTMLHtmlElement。文档元数据head HTML Head 元素规定文档相关的通用信息(元数据),包括文档标题、样式或脚本。父原创 2016-11-30 16:08:20 · 932 阅读 · 0 评论 -
canvas学习笔记
<canvas> 是 HTML5 新增的元素,可使用JavaScript脚本来绘制图形。canvas元素canvas也是HTML的一个元素,只有两个属性:width和height。 当没有设置宽度和高度的时候,canvas会初始化宽度为300像素和高度为150像素。<canvas id="myCanvas" width="400" height="400"> </canvas>渲染上下文<can原创 2017-04-01 21:05:53 · 647 阅读 · 0 评论 -
HTML attribute 与 DOM property 的对比
最近在学Angular,奇怪的是在这里面看到了二者的对比,说的还挺清楚……HTML attribute 与 DOM property 的对比要想理解 Angular 绑定如何工作,重点是搞清 HTML attribute 和 DOM property 之间的区别。attribute 是由 HTML 定义的。property 是由 DOM (Document Object Model) 定义的。少原创 2017-03-24 11:13:54 · 574 阅读 · 0 评论 -
知识点:DOCTYPE与浏览器模式
问: Doctype作用?严格模式与混杂模式如何区分?它们有何意义? 答: DOCTYPE是文档类型声明,出现在html文档的第一行,处于 <html> 标签之前。告知浏览器的解析器用什么文档标准解析这个文档。 严格模式是指浏览器按照最高标准来解析文档; 混杂模式则是使用比较宽松的向后兼容的方式显示。模拟老式浏览器的行为以防止站点无法工作。 浏览器根据do原创 2016-12-18 22:28:48 · 916 阅读 · 0 评论 -
HTML4,HTML5,XHTML 之间有什么区别?
HTML4是在HTML5推出之前广泛流行的HTML版本HTML5则是新一代的HTML版本,加入了许多新特性,包括语义化标签、多媒体支持、本地存储、以及对设备API的调用……XHTML则是由于当时浏览器对HTML错误太过宽容,导致了很多不规范的页面产生。于是就结合XML制定了XHTML标准,也就是以XML的要求来规范HTML,更加地严格。原创 2017-02-20 11:14:41 · 557 阅读 · 0 评论 -
知识点:label
问: Label的作用是什么?是怎么用的? 答: HTML <label> 元素表示一个表单元素的标题。通常关联一个表单控件,起到一个控制的作用。 label通过for属性关联一个表单控件,或将一个表单控件包含在其内部。 label还能起到一个扩大焦点范围的作用。点击label就相当于点击了对应的表单控件。<label>Click me <input type="原创 2016-12-20 21:15:04 · 387 阅读 · 0 评论 -
知识点:几个标签的区别
title与h1title元素表示页面标题,显示在浏览器的标题栏或标签页上。h1则是文档内容中的一级标题,对页面信息的抓取也有很大的影响;b、strongstrong表示文本十分重要,一般用粗体显示b没有特殊含义,仅表示加粗i、em二者语义不同。 - em:标记出需要用户着重阅读的内容,表示强调,表示为斜体 - i: 用于表现因某些原因需要区分于普通文本的一系列文本。例如技术术语原创 2016-12-20 22:26:47 · 783 阅读 · 0 评论 -
什么是HTML5(一):语义
HTML5 是 HTML 标准的最新演进版本。 这个术语代表了两个不同的概念:它是一个新的 HTML 语言版本,包含了新的元素,属性和行为同时包含了一系列可以被用来让 Web 站点和应用更加多样化、功能更强大的技术HTML5从以下几个方面进行了改进:语义 语义化就是用正确的标签描述内容的含义。 便于对浏览器、搜索引擎解析: 在没有CCS情况下也以一种文档格式显示,并原创 2016-12-11 23:06:11 · 725 阅读 · 1 评论 -
知识点:link和@import
问: 页面导入样式时,使用link和@import有什么区别? 答: @import是css中的@规则,只能应用在css文件中或style元素内,只用于加载CSS; <link>是HTML标签,除了可以加载CSS外,还可以完成别的功能,比如定义RSS,定义rel连接属性等; 页面被加载的时,link会同时被加载; @import引用的CSS会等到页面被原创 2016-12-19 21:51:45 · 420 阅读 · 0 评论 -
块级元素、行内元素、空元素
斜体为html5新增标签,黑体为常用常见标签:块级元素:addressarticleblockquotecanvasdddivdlfieldsetfigurefooterformh1 h2 h3……headerlimainnavolpsectiontableulvideo行内元素:b, big, i, small, ttabbr, acronym,原创 2016-07-28 17:04:25 · 651 阅读 · 0 评论 -
过一遍HTML标签(五)
表格table(块级)HTML中table标签 (<table>) 用来展示多行的数据。captionHTML <caption> 元素展示一个表格的标题, 它常常作为 <table> 的第一个子元素出现,同时显示在表格内容的最前面。 它同样可以被CSS样式化,所以,它同样可以出现在一个相对于表格的任意位置。<table> <caption>Awesome caption</caption>原创 2016-12-18 21:27:57 · 703 阅读 · 0 评论 -
过一遍HTML标签(三)
文字形式a(行内) HTML 中的 < a>元素用于定义一个超链接到同一页上的某个位置,或者在网络上的任何其它页面。属性:download(HTML5):规定被下载的超链接目标。 在 < a> 标签中必须设置 href 属性。 download属性也可以设置一个值来规定下载文件的名称。所允许的值没有限制,浏览器将自动检测正确的文件扩展名并添加到文件 (.img, .pdf, .txt,原创 2016-12-11 21:35:06 · 809 阅读 · 0 评论 -
过一遍HTML标签(二)
章节body 代表HTML文档的内容。在文档中只能有一个body元素。body元素必须是html元素的直接子元素对应的DOM接口是HTMLBodyElement 可以通过document.body直接访问body元素属性: 有一系列在HTML5中添加的和事件有关的属性,其中比较常用的几个:onblur:DOM失去焦点时的回调函数onerror:DOM加载失败的回调函数onfocus原创 2016-12-03 21:44:09 · 675 阅读 · 0 评论 -
过一遍HTML标签(四)
编辑ins(行内) 定义增加到文档的内容。属性:cite:cite 属性的值指向一个文档的 URL,该文档解释了文本被插入或修改的原因。(目前该属性还没有被主流浏览器支持)datetime:该特性指示的此修改发生的时间和日期,并且该特性的值必须是一个有效的日期或者时间字符串。如果该值不能被解析为日期或者时间,则该元素不具有相关联的时间标记。del(行内) 定义从文档移除的内容。通常原创 2016-12-12 20:52:39 · 482 阅读 · 0 评论 -
知识点:HTML5
问: html5有哪些新特性、移除了那些元素?如何处理HTML5新标签的浏览器兼容问题?如何区分 HTML 和 HTML5?有关HTML5的新特性详细信息可以参考: 什么是HTML5(一):语义 什么是HTML5(二):通信、离线&存储、多媒体 什么是HTML5(三):性能&集成、设备访问HTML5的新特性语义化 增加了许多语义化的元素,如article、section、nav、h原创 2016-12-19 22:59:27 · 463 阅读 · 0 评论 -
什么是HTML5(二):通信、离线&存储、多媒体
通信web sockets允许在页面和服务器之间建立持久连接并通过这种方法来交换非 HTML 数据。WebSockets 是一种先进的技术, 这使得在用户的浏览器和一个服务器之间建立全双工连接成为可能。 有了这个API,你可以向服务器发送消息,并接收事件驱动的响应, 无需轮询服务器的响应。使用服务器发送事件Server-sent events 允许服务器向客户端推送事件,原创 2016-12-12 14:39:49 · 996 阅读 · 0 评论 -
什么是HTML5(三):性能&集成、设备访问
性能&集成web workersWeb Worker 是HTML5标准的一部分,这一规范定义了一套 API,它允许一段JavaScript程序运行在主线程之外的另外一个线程中。一般情况下,当在 HTML 页面中执行脚本时,页面的状态是不可响应的,直到脚本已完成。 web worker 是运行在后台的 JavaScript,独立于其他脚本,不会影响页面的性能。您可以继续做任何愿意做的事情:点击、选取原创 2016-12-12 16:50:32 · 865 阅读 · 0 评论 -
src与href区别
href 指定网络资源的位置,在当前元素和引用资源之间建立链接浏览器在解析到此处不会加载这个链接的内容,页面解析不会暂停src 表示引用一个外部资源,并将资源加载到当前元素中常见于script、img、video、object阻塞的。浏览器解析到此处会暂停所有渲染而加载此处内容直到加载完成原创 2017-04-17 15:45:30 · 353 阅读 · 0 评论