元素 client*, offset*, scroll* 介绍

Client *

clientHeight : 元素内部的高度(单位像素),包含内边距,但不包括水平滚动条、边框和外边距
clientWidth: 表示元素的内部宽度,以像素计。该属性包括内边距 padding,但不包括边框 border、外边距 margin 和垂直滚动条

image.png

阅读更多

html实体 HTML Codes

Again, nothing to do with ASCII really, but has been requested by a number of you out there. To get special characters to show on an HTML web page, special HTML codes can be used (ascii code or word) and are interpretted by the web browser. These HTML codes are otherwise referred to as html entities, html characters or html symbols.

再一次,没有整理ASCII的欲望了,但是还有一系列你需要的东西,为了在html网页上显示特殊字符,可以使用特殊的html代码在浏览器中显示特殊的字符,这些字符可以表现为html实体,html字符或者html符号


语雀镜像 : html实体 HTML Codes ,点此 提问

Html5 - link

属性
       href
           指定链接文档的位置
           相对地址 - ‘/theme/theme.css’
           绝对地址 - ‘http://www.example.com/styles/style.css'
       hreflang
           链接文档的语言
           两个字母的语言代码用来指定链接文档的语言
           [ HTML5 - html Language Code]
       media
           指定哪一种设备将使用这个文档
           ———-
           可能的操作符
           —–
           and, not, ‘,’(or)
           ———-
           设备
           —–
           all         默认,适合所有设备
           aural       听觉的, 演讲综合
                braille     布莱叶盲文回馈设备
                handheld    手持设备, 小屏幕,有限带宽
                projection 放映者
                print       打印设备
           screen      屏幕设备, 电脑屏幕
           tty         打字设备
           tv          电视设备, 低分辨率,有限的滚动能力
           ———-
           值
           —–
           width
                指定目标显示区域的宽度   [min-/max-]
           height
                指定显示区域的高度   [min-/max-]
           device-width
                指定显示目标的宽度  [min-/max-]
           device-height
                指定显示目标的高度 [min-/max-]
           orientation
                指定显示区域或者纸的定位方向
                portrait      纵向
                landscape     横向
           aspect-ratio
                方位比例[media=”screen and (aspect-ratio:16/9)”]       [min-/max-]
                device-aspect-ratio
                设备比例    [min-/max-]
                color
                指定可以新鲜事的颜色的位数    [min-/max-]
                color-index
                指定目标可以控制的的颜色的数量    [min-/max-]
                monochrome
                指定在单色框架缓存上每个像素的位数    [min-/max-]
           resolution
                分辨率单位(dpi, dpcm)
                media=”print and (resolution:300dpi)”      [min-/max-]
                scan     
                扫描
                progressive        进程扫描
                interlace          交错扫描
                grid
                指定输出设备是grid或者位图, 可用值是 (0,1)
                        
       rel
           指定文档和当前页面的关系
           alternate      连接到文档的可替换的版本
           archives
           author         连接到作者的介绍页面
           bookmark
           external
           first
           help           连接到帮助文档
           icon           为文档导入一个图标显示
           last
           license        连接到文档的版权信息
           next           指定文档是某个文档的一系列, 并连接到本系列的下一个文档
           nofollow
           noreferrer
           pingback
           prefetch       指定可以被缓存的目标源码
           prev           指定目标文档的上一个链接
           search         连接到文档的搜索工具
           sidebar
           tag
           up
           stylesheet     连接到导入样式的地址
                canonical      权威页面
                          
       sizes
           指定链接源文件的高度和宽度[width x height], 仅仅适用于 ‘icon’ 属性
           连接到大小的一个列表
       type
           指定链接文档的MIME类型


语雀镜像 : Html5 - link ,点此 提问

HTML - dom事件

HTML DOM 事件
          html dom 事件允许js在html文档中注册不同的事件
          事件通常与函数绑定,并且函数在事件发生前是不执行的.
      —–
      鼠标事件
           click [onclick]
                用户点击元素
           dblclick[ondblclick]
                用户左键双击元素
           mousedown[onmousedown]
                用户按下鼠标时候发生
           mousemove[onmousemove]
                鼠标在一个元素上移动的的时候发生
           mouseover[onmouseover]
                鼠标移过一个元素时候发生
           mouseout[onmouseout]
                鼠标移出一个元素时候发生
           mouseup[onmouseup]
                鼠标弹起的时候出现
      —–
      键盘事件
           keydown[onkeydown]
                用户按住键的时候发生
           keypress[onkeypress]
                当用户点击一个键时候发生
           keyup[onkeyup]
                当用户松开一个键的时候发生
      —–
      框架/对象事件
           abort[onabort]
                当图片在加载完成前停止加载时候发生,对于也适用
           error[onerror]
                图片没有正常加载时候发生,对于, , 同样适用
           load[onload]
                当页面,文档, frameset,  加载完毕后触发
           resize[onresize]
                当页面被修改了大小时候发生
                scroll[onscroll]
                当文档滚动的时候触发
           unload[onunload]
                当页面卸载,关闭的时候发生 ,
      —–
      表单事件
           blur[onblur]  
                当一个元素失去焦点的时候触发
           change(onchange)
                当表单元素, , 内容元素改变的时候发生

           focus[onfocus]
                以下元素获得焦点时候触发