- 博客(15)
- 收藏
- 关注
原创 Github Quick setup
…or create a new repository on the command lineecho "# hongxibao" >> README.mdgit initgit add README.mdgit commit -m "first commit"git remote add origin https://github.com/.....git push -u...
2019-03-08 13:01:42 1015
原创 八 XHTML的规范化
XHTML1 XHTML 可扩展超文本标记语言与HTML4.01几乎是相同的更严格更纯净的HTML版本是以XML应用的方式定义的HTML的带主流浏览器的支持2 为什么使用为了代码的完整性和良好性3 文档声明DTD:规定了使用通用标记语言的网页语法4 三种XHTML文档类型STRICT 严格类型TRANSITIONAL 过渡类型FRAMESET 框架类型XHTML元素X...
2019-03-08 12:13:05 288
原创 七 HTML5框架 背景 实体
HTML框架1 框架标签 frame框架对页面设计有着很大的作用2 框架集标签 frameset框架集标签定义如何将窗口分割为框架每个frameset定义一系列行或者列rows cols的值规定了每行或每列占据屏幕的面积<frameset cols="30%,50%"> <frame src="https://c.runoob.com/"></fra...
2019-03-08 12:04:25 289
原创 六 HTML5表单的创建
HTML表单1 表单用于获取不同类型的用户输入2 常用表单标签复选框喜欢的水果有?&lt;br/&gt;苹果&lt;input type="checkbox"&gt;&lt;br/&gt;草莓&lt;input type="checkbox"&gt;单选框性别?&lt;br
2019-03-08 11:35:47 429
原创 五 HTML5块元素的使用与布局
HTML块1 HTML块元素块元素在显示时 通常会以新行开始如&lt;h1&gt; &lt;p&gt; &lt;ul&gt;2 HTML内联元素内联元素通常不会以新行开始如&lt;b&gt; &lt;a&gt; &lt;img&gt;3 HTML&lt;div&gt;元素
2019-03-08 11:20:07 614
原创 四 HTML5列表的使用
HTML列表1 无序列表使用标签 &lt;ul&gt; &lt;li&gt;属性type: disc circle square2 无序列表使用标签 &lt;ol&gt; &lt;li&gt;属性type: 字母A a 罗马数字I i 开始序号start3 嵌套列表使用标签&lt;ul&gt; &lt;ol&
2019-03-07 22:02:03 223
原创 三 HTML5样式、链接和表格
HTML样式1 标签如 &lt;style&gt; 样式定义&lt;link&gt; 资源引用2 属性如 rel="stylesheet" 外部样式表type="text/css" 引入文档类型margin-left 边距3 三种样式表插入方法外部样式表: &lt;link rel="stylesheet&q
2019-03-07 21:37:46 731
原创 二 HTML5元素、属性和格式化
声明<!DOCTYPE>HTML也有不同的版本,只有完全明白页面中使用的确切HTML版本,浏览器才能完全正确地显示出HTML页面。这就是<!DOCTYPE>的作用HTML元素指开始标签到结束标签的所有代码HTML元素语法元素的内容是开始标签与结束标签之间的内容空元素在开始标签中进行关闭HTML嵌套元素使用大多数的HTML元素都是可以嵌套的HTML属性1 ...
2019-03-07 18:51:21 280
原创 一 什么是HTML5
什么是HTMLHTML是用来描述网页的一种语言超文本标记语言不是编程语言,是一种标记语言HTML5新特性用于绘画的canvas标签用于媒介回放的video和audio元素对本地离线储存的更好支持新的特殊内容元素,如article footer header nav section新的表单控件,如 calendar date time email url search浏览器的支...
2019-03-07 17:56:41 223
原创 前端开发中PC端和移动端网站的区别
1、PC端在开发过程中考虑的是浏览器兼容性,移动端开发中考虑的是手机兼容性问题,做移动端开发,更多考虑的是手机分辨率的自适应和不同手机操作系统的略微差异化;2、在部分事件的处理上,移动端自然是偏向于触屏的,另外包括移动端弹出的手机键盘该如何处理,这样的问题在PC上肯定不会遇到,但在移动端,如果你没有经验,处理起来是相当麻烦的;3、布局上,移动端开发是要做到页面布局自适应的,而PC端页面布局的比...
2019-03-05 19:54:34 4034
原创 CSS3 2D转换
(1)translate() 方法:设置元素的移动。 transform:translate(50px,100px);(把元素从左侧移动 50 像素,从顶端移动 100 像素。) (2)rotate() 方法:设置元素的旋转角度。(正值顺时针,负值逆时针) transform:rotate(30deg); (顺时针旋转 30 度。) transform:rotate(-30deg);(逆时...
2019-03-05 19:36:58 884
原创 HTML语义化
1、什么是HTML语义化?&lt;基本上都是围绕着几个主要的标签,像标题(H1~H6)、列表(li)、强调(strong em)等等&gt; 根据内容的结构化(内容语义化),选择合适的标签(代码语义化)便于开发者阅读和写出更优雅的代码的同时让浏览器的爬虫和机器很好地解析。 2、为什么要语义化?代码结构: 使页面没有css的情况下,也能够呈现出很好的内容结构有利于SEO:爬虫依赖标...
2019-03-05 19:21:30 246
原创 浏览器匹配css规则的顺序是从右到左
由于每条规则都可能有多层嵌套,例如 #container p.content .title a {…},如果采用从左到右的方式读取css规则,那么大多数规则读到最后会发现是不匹配的,这样会做很多无用功。而如果采取从右到左的方式,那么只要发现最右边的key selector不匹配,整条规则就都不必再看下去了。例如当前节点是, 那么只有最右端选择器是span或.abc或#demo的css 规则有可...
2019-03-05 19:11:55 803
原创 HTML不能使用常见的自顶向下或自底向上方法来进行解析
语言本身的“宽容”特性HTML本身可能是残缺的,对于常见的残缺,浏览器需要有传统的容错机制来支持它们解析过程需要反复。对于其他语言来说,源码不会在解析过程中发生变化,但是对于HTML来说,动态代码,例如脚本元素中包含的document.write() 方法会在源码中添加内容,也就是说,解析过程实际上会改变输入的内容由于不能使用常用的解析技术,浏览器创造了专门用于解析HTML的解析器。解...
2019-03-04 21:32:14 447
转载 【转】主流浏览器内核
源:https://segmentfault.com/a/1190000013794163一、浏览器市场份额本报告数据,来源于百度统计所覆盖的超过150万的站点,而不是baidu.com的流量数据。二、浏览器内核浏览器内核可以分成两部分:渲染引擎(layout engineer 或者 Rendering Engine)和 JS 引擎。浏览器的内核的不同对于网页的语法解释会有不同,所以渲...
2019-03-04 20:05:24 501
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人