作为一名前端工程师,能做的优化有哪一些呢?主要包括两方面:页面性能与代码可维护性。 HTML篇 减少不必要的嵌套 适当且精简的id/class名称 有意义地使用id(利用选择符属性) 减少link、script请求 底部引用script CDN加速 利用好HTML5标签 压缩html CSS篇 减少 ...
分类:
其他好文 时间:
2020-03-22 15:59:21
阅读次数:
77
HTML5新增了哪些标签?你用了哪些HTML5标签? 1.结构性标记 article:用于表示一篇文章的主题内容,一般为文字集中显示的区域 header:页面主体上的头部 nav:是专门用于菜单导航、链接导航的标记 section:用于表达书的一部分或一章 2.多媒体标记 video:视频标记,用于 ...
分类:
Web程序 时间:
2020-03-17 20:59:19
阅读次数:
116
一、了解HTML5 1、什么是HTML5 以前:HTML5就是HTML的第五个版本 但是现在大众理解的HTML5是炫酷吊炸天的特效,那通过以下几种技术组合而成 2、发展史 3、目前支持HTML5的浏览器 4、HTML5的推广网站 二、泛HTML5学习分类 1、HTML5标签 2、CSS3 3、Jav ...
分类:
其他好文 时间:
2020-03-06 01:18:48
阅读次数:
57
1,文本 文本大小: font sze:20px/2em;px:相对屏幕分辨率的单位,em: 相对离自己最近的父元素的font sze的倍数.文本字体: font family:字体1.字体2。英文字体由一个单词的组成的不加“”,有两个以上的英文单词组成的要加.”.中文字体要加“”:文本颜色: co ...
分类:
Web程序 时间:
2020-02-17 12:33:45
阅读次数:
105
1 HTML简介 2 HTML基础 文字和段落标签 列表标签 图像和超链接标签 3 HTML表格 4 HTML表单 5 HTML搭建网页结构 熟练掌握div和span的特性,利用他们搭建网页结构 6 HTML5总结 HTML5标签变化 HTML5属性变化 7 HTML5布局 ...
分类:
Web程序 时间:
2020-02-03 13:50:30
阅读次数:
70
<!DOCTYPE html> 结构标签(有意义的div) <header>标记定义一个页面或一个区域的头部</header> <nav>标记定义导航链接</nav> <section>标记定义一个区域</section> <article>标记定义一篇文章</article> <aside>标记定 ...
分类:
Web程序 时间:
2020-01-18 16:18:19
阅读次数:
76
一:前景最近又时间学习了一下视频流这玩意。可能是想到5G来临,再加上WebRTC这玩意的出现,以后H5Game的IM系统将不限于单纯的文本了。故此,研究了一番,仅作抛砖引玉。二:方案①,使用HTML5标签<video>来播放视频如下:<videoautoplayplaysinlineid="videoPlayer"></video>a,autoplay:自动播放
分类:
其他好文 时间:
2019-11-16 21:31:32
阅读次数:
289
> 表示大于号%lt; 表示小于号 表示一个空格<br /> 表示换行<P> </P> 表示正文段落<div> </div> 块元素,表示一块内容,没有具体的语义,可以嵌套<span> 行内元素,表示一行钟的一小段内容,没有具体语义 含样式和语义的标签:1.<em> </em>表示 ...
分类:
Web程序 时间:
2019-11-10 13:31:46
阅读次数:
84
HTML <!DOCTYPE>标签 <!DOCTYPE>声明必须是HTML文档的第一行,位于<html>标签之前,它不是HTML标签,指示web浏览器关于页面使用哪个HTML版本进行编写的指令。 文档定义类型(DTD)(XML为扩展标记语言,HTML的DTD中,使用XML定义html标签规范) DT ...
分类:
Web程序 时间:
2019-10-08 14:46:15
阅读次数:
148
新增的HTML5标签 语义化标签 :<header> 头标签 <nav> 导航标签 <section> 表示文档的结构、栏目 <footer> 页脚 <article> 文章标签 <aside> 侧边栏导航 <mark> 凸显文字 网页的组成及标准 HTML 指的是超文本标记语言 (Hyper Te ...
分类:
Web程序 时间:
2019-08-27 17:35:23
阅读次数:
103