HTML 5新增的主体结构元素:article:表示完整的、独立的,可以被外部独自引用的内容。如一篇博客,报刊中的文章,帖子,用户评论或独立的插件。Section:用于网站页面上的内容进行分块。由内容及标题组成。Nav:用作页面导航的连接组。如:导航栏,页内导航,翻页操作等。Aside:表示当前页面的附属信息部分。如:引用,广告,侧边栏等。Time:datetime.pubdate(发布日期) 新增的非主体结构元素:header:引导和导航作用的元素。 ...
### html5新增标签> 作用:让结构一目了然 |标签|描述| |--|--| |header|头部区域| |footer|尾部区域| |nav|导航区域| |aside|侧边栏| |section|区分大模块等同div| |video|视频| |audio|音频| |articel|文章| |figure|配图| |figcaption|配图说明| |main|主体区域| ```<video src="dongbei.mp4" controls autoplay loop></video><audio src="horse.ogg" controls loop autoplay></audio> src="" 标签属性,视频、音频路径/地址...
一、video标签的基本属性1.autoplay=“autoplay”:规定一旦视频就绪马上开始播放2.control=“controls”:让浏览器为视频播放器提供默认的暂停、进度条等控件。如果设置了这个就不能使用自己定义的控件。3.width=“320” height=“240”:定义视频播放器的宽高。设置这个会让页面对视频播放器部分空间进行保留,入不设置一开始不会保留可能造成页面布局混乱4.loop=“loop”:规定视频结束后将重新开始播放5.preload属性:auto表示...
1:lang属性用于指定元素的属性值以及元素的内容文字所用的基准语言,默认值未知,但是,是否适用与属性,还要取决于语法和属性的语义,以及卷入的操作 用户浏览器在呈现HTML文档时,该属性的益处有以下几点: (1) 协助搜索引擎 (2) 协助语音合成 (3) 协助选择符号异体字用于高品质的印刷 (4) 协助选择一套引号 (5) 协助解决连字符、绑定和空格 (6) 协助进行拼写检查和语法检查2:文字方向属性dir 代码如下:唐诗一首...
具体就不做详细讲解了,直接上代码:web开发-webkfa.com*{
margin:0;padding:0;
-webkit-touch-callout: none; /* prevent callout to copy image, etc when tap to hold */
-webkit-text-size-adjust: none; /* prevent webkit from resizing text to fit */
-webkit-tap-highlight-color: rgba(210,210,210,0.35); /* make transparent link selection, adjust last value opacity 0 to 1.0 */
-webkit-user-select: none; /* pr...
本文实例为大家分享了html5轮播图的具体代码,供大家参考,具体内容如下1.轮播图的布局:
<!DOCTYPE html>
<html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> /*去除默认样式*/ *{ margin: 0; padding: 0; } /*设置div*/ #outer{ width: 520px; height: 333px; /*设置居中*/ margin: 50px auto; /* * 设置背景颜色 */ background-color: greenyellow; /*设置上下内边距*/ padding: 10px 0; /*为父元...
HTML5规范引进了很多新特性,其中最令人期待的之一就是Canvas元素。HTML5 Canvas提供了通过JavaScript绘制图形的方法,此方法使用简单但功能强大。每一个Canvas元素都有一个“上下文(context)” (想象成绘图板上的一页),在其中可以绘制任意图形。浏览器支持多个Canvas上下文,并通过不同的API提供图形绘制功能。大部分的浏览器都支持2D Canvas上下文——包括Opera,Firefox,Konqueror和Safari。而且某些版本的Opera还支持3D Canv...
百度百科:SVG可缩放矢量图形(Scalable Vector Graphics)是基于可扩展标记语言(XML),用于描述二维矢量图形的一种图形格式。SVG是W3C制定的一种新的二维矢量图形格式,也是规范中的网络矢量图形标准。SVG严格遵从XML语法,并用文本格式的描述性语言来描述图像内容,因此是一种和图像分辨率无关的矢量图形格式。
什么是SVG?SVG 指可伸缩矢量图形 (Scalable Vector Graphics) SVG 用来定义用于网络的基于矢量的图形 SVG 使...
现把canvas的知识点总结如下,以便随时查阅。
1、填充矩形 fillRect(x,y,width,height);
2、绘制矩形边框 strokeRect(x,y,width,height);
3、擦除矩形 clearRect(x,y,width,height);
4、填充样式 fillStyle="red"; 样式可以为颜色、渐变和图像。
5、描边样式 strokeStyle="red";
6、描边线条的宽度 lineWidth=4;
7、线条末端形状 lineCap="butt"; butt(对接)/round(圆)/square(方),默认情况下是butt;
8、线条相交样式 lineJoin="m...
页面标题 <hr />是一条直线 小标题 小标题 <p> </p>指的是段落 <br />指的是换行,放在一句话的后面,重复用可以多空几行 指的是空格。圆角状态下的空格也可以在网页中表现出来。 Tab指缩进 title放上去的时候会显示 苹果 苹果是一种水果 香蕉 香蕉也是一种水果 <dl/> </dl/> 是指定义 姓名性别学科 李培能男语文 胡习平男语文 王小康男语文 戴晓男语文 表格由table标签创建,tr标签创建行,td(colspan可以横跨几...
一、绘制基本图形 在每次用canvas画布时,都有几步是“套路” 1.在HTML中创建Canvas画布: 浏览器不支持canvas 2.获取画布标签,并得到一个2D对象: var c = document.getElementById(mycanvas); //获取标签var ctx = c.getContext("2d"); //返回一个用来绘制环境类型的环境,返回一个2D对象 ,该对象实现了一个画布使用的大多数方法。 1、绘制线条: ctx.lin...
一、绘制基本图形在每次用canvas画布时,都有几步是“套路”1.在HTML中创建Canvas画布:<canvas id="mycanvas" width="960px" height="580px">浏览器不支持canvas 如果不支持会显示这段文字
</canvas>2.获取画布标签,并得到一个2D对象:var c = document.getElementById(mycanvas); //获取标签
var ctx = c.getContext("2d"); //返回一个用来绘制环境类型的环境,返回一个2D对象 ,该对象实现了一个画布使用的大多数方法。...
开始记录一些前端的小知识点吧
1.CS结构与BS结构
过去的方式:CS结构CS结构向BS结构过渡:浏览器,B/S结构2.表单标记
表单标记的使用,是HTML中最重要的内容
流程:表单提交到Web服务器,服务器拿到表单数据,插入到数据库
3.网站与网页
一堆的网页合在一起就是一个网站,如网站:腾讯网,就包含许多的网页
4.frameset标签
frameset标签切分窗口有三种方式:5.iframe标记
内联网页,把别的网页嵌入到自己做的网页中
Tips:
建议童鞋...
DTD 介绍DTD(Document Type Definition 文档类型定义)是一组机器可读的规则,它们定义 XML 或 HTML 的特定版本中所有允许元素及它们的属性和层次关系的定义。在解析网页时,浏 览器将使用这些规则检查页面的有效性并且采取相应的措施。
DTD 是对 HTML 文档的声明,还会影响浏览器的渲染模式(工作模式)SGML 、 HTML 、XML 和 XHTML 的区别?SGML 是标准通用标记语言,是一种定义电子文档结构和描述其内容的国际标准语言, 是所有...