HTML 语义化根据结构化的内容，选择合适的标签。为什么要做到语义化？“合适的标签”是内容表达的高度概括，这样浏览器爬虫或者任何机器在读取 HTML 时，都能更好地理解，进而解析效率更高。这样带来的收益如下：有利于 SEO开发维护体验更好用户体验更好（如使用 alt 标签用于解释图片信息）更好的 accessibility，方便任何设备解析（如盲人阅读器）if (导航) {return <nav /> } elseif (文稿内容、博客内容、评论内容...包含标题元...
DOM ：文档对象模型DOM（Document Object Model）定义访问和处理HTML文档的标准方法。DOM 将HTML文档呈现为带有元素、属性和文本的树结构（节点树）。getElementsByName()方法 ：返回带有指定名称的节点对象的集合。语法 ： document.getElementsByName(name)与getElementById() 方法不同的是，通过元素的 name 属性查询元素，而不是通过 id 属性。 注意: 1. 因为文档中的 name 属性可能不唯一，所有 getElementsByName() 方法返回...
相对地址与绝对地址网页上引入或链接到外部文件，需要定义文件的地址，常见引入或链接外部文件包括以下几种：<!-- 引入外部图片 --> <img src="images/001.jpg" alt="图片" /><!-- 链接到另外一个网页 --> <a href="002.html">链接到网页2</a><!-- 外链一个css文件 --> <link rel="stylesheet" type="text/css" href="css/main.css" /><!-- 外链一个js文件 --> <script type="text/javascript" src="js/jquery.js"></scrip...
Java基础复习进阶 今日内容1. web概念概述 2. HTML web概念概述* JavaWeb：* 使用Java语言开发基于互联网的项目 ? * 软件架构：1. C/S: Client/Server 客户端/服务器端* 在用户本地有一个客户端程序，在远程有一个服务器端程序* 如：QQ，迅雷...* 优点：1. 用户体验好* 缺点：1. 开发、安装，部署，维护 麻烦2. B/S: Browser/Server 浏览器/服务器端* 只需要一个浏览器，用户通过不同的网址(URL)，客户访问不同的服务器端程序* 优点...
这次给大家带来H5的进阶段内联标签，怎么使用H5的进阶段内联标签？使用H5的进阶段内联标签的注意事项有哪些，下面就是实战案例，一起来看一下。内联元素，与别人公用一行，但是设置宽高无效。其特点：①和其他元素都在一行上②高，行高及外边距和内边距不可改变；③宽度就是它的文字或图片的宽度，不可改变④内联元素只能容纳文本或者其他内联元素代码如下：<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> ...
1）用路径绘图： beginPath()——开始一条新路径； closePath()——尝试闭合现有路径，方法是绘制一条线，连接最后那条线的终点与初始坐标； fill()——填充用子路径描述的图形； isPointInPath(x,y)——如果指定的点在当前路径所描述的图形之内则返回true； lineTo(x,y)——绘制一条到指定坐标的子路径； moveTo(x,y)——移动到指定坐标而不绘制子路径； rect(x,y,w,h)——绘制一个矩形，其左上角位于（x,y），宽度...
内联元素，与别人公用一行，但是设置宽高无效。其特点：①和其他元素都在一行上 ②高，行高及外边距和内边距不可改变； ③宽度就是它的文字或图片的宽度，不可改变 ④内联元素只能容纳文本或者其他内联元素代码如下：<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>标签基础2</title> </head> <body> <!-- 内联元素 与别人公用一行 但是设置宽高无效 --> <!-- 无语义 --> <span>无语义</span...
前言HTML5的权限越来越大了，浏览器可以直接调用摄像头、麦克风了，好激动啊。我们要用纯洁的HTML代码造出自己的天地。视频采集本篇介绍的栗子 都是在chrome 47 版本以上的，低版本的可能会出现白屏和错误。1.安全环境随着Chrome版本的升高，安全性问题也越来越被重视，较新版本的Chrome浏览器在调用一些API时需要页面处在安全环境中。本篇文章所介绍的API函数，都需要在安全环境中执行。如果处在非安全环境下 ( http页面 ) 这些AP...
SVG渐变是填充SVG图形的一种方法。通过填充渐变色，可以使SVG图形的填充色或描边色由一种颜色过渡到另一种颜色。在某些时候对SVG图形填充渐变色可以得到非常好看的效果。 SVG渐变的例子 下面展示了在SVG图形上使用填充渐变和描边渐变的几个小例子： 在上面的例子中，第一个矩形的描边色没有使用渐变色，填充色使用从浅绿到深绿色的渐变。第二个矩形填充色和渐变色都使用从浅绿到深绿色的渐变。第三个矩形没有填充色，描边...
SVG过滤器可以为SVG图形添加一些非常酷的效果，如阴影、模糊和高光等效果。 SVG过滤器的例子 先来看一个简单的SVG过滤器的例子，直观的感受一些它的效果：<defs><filter id="blurFilter" y="-5" height="40"<feGaussianBlur in="SourceGraphic" stdDeviation="3" y="-"/></filter> </defs><ellipse cx="55" cy="60" rx="25" ry="15"style="stroke: none; fill: #663399; " /><ellipse cx="155" cy="60" rx="25" ry="15"style...
SVG剪裁路径是指根据指定的路径或形状来剪裁SVG图形。应用了剪裁路径的SVG图形，在剪裁路径内部的图形可以被显示出来，在剪裁路径之外的图形会被隐藏。 剪裁路径的例子 下面是一个简单的SVG剪裁路径的例子：<circle cx="25" cy="25" r="20"style="fill: #0000ff; clip-path: url(#clipPath); " /> 这个例子定义了一个矩形的剪裁路径(中的元素)。在后面的SVG圆形中，通过style属性的clip-path指向...
本篇文章主要介绍HTML进阶知识，感兴趣的朋友参考下，希望对大家有所帮助。文档类型HTML5 <!DOCTYPE html><head>元素<title> 元素在所有 HTML/XHTML 文档中都是必需的。title 元素能够：定义浏览器工具栏中的标题提供页面被添加到收藏夹时显示的标题显示在搜索引擎结果中的页面标题<base> 标签为页面上的所有链接规定默认地址或默认目标（target）<base target="_blank" /><link> 标签最常用于连接样式表：<head><link rel="styles...
分享Vue 官网教程上关于 v-model 的讲解不是十分的详细，写这篇文章的目的就是详细的剖析一下， 并介绍 Vue 2.2 v-model改进的地方，然后穿插的再说点 Vue 的小知识。在 Vue 中，有许多方法和 Angular 相似，这主要是因为 Angular 是 Vue 早期开发的灵感来源。然而，Augular 中存在许多问题，在 Vue 中已经得到解决。v-model 用在 input 元素上时v-model虽然很像使用了双向数据绑定的 Angular 的 ng-model，但是 Vue 是单项数据流，...
开年之后工作热情一直不是很高，这几天一直处于消极怠工状态。早上不想起床，起床了不想上班。明明放假之前工作热情还一直很高，一直心心念念的想把小程序项目怼出来，结果休假回来之后画风完全不一样了。我感觉自己得了严重了节后综合征。还好撸了几篇文章，勉强表示这一周的时间没有完全浪费。这篇文章要给大家介绍的是变量对象。 在JavaScript中，我们肯定不可避免的需要声明变量和函数，可是JS解析器是如何找到这些变量的呢？我...
变量对象与堆内存var a = 20; var b = abc; var c = true; var d = { m: 20 }因为JavaScript具有自动垃圾回收机制，所以对于前端开发来说，内存空间并不是一个经常被提及的概念，很容易被大家忽视。特别是很多不是计算机专业的朋友在进入到前端之后，会对内存空间的认知比较模糊，甚至有些人干脆就是一无所知。当然也包括我自己。在很长一段时间里认为内存空间的概念在JS的学习中并不是那么重要。可是后我当我回过头来重新整理JS基...