1：lang属性用于指定元素的属性值以及元素的内容文字所用的基准语言，默认值未知，但是，是否适用与属性，还要取决于语法和属性的语义，以及卷入的操作 用户浏览器在呈现HTML文档时，该属性的益处有以下几点： (1) 协助搜索引擎 (2) 协助语音合成 (3) 协助选择符号异体字用于高品质的印刷 (4) 协助选择一套引号 (5) 协助解决连字符、绑定和空格 (6) 协助进行拼写检查和语法检查2：文字方向属性dir 代码如下:<!DOCTYP...
（一）HTML4.01中的非成对标签：注释标签：<!-- 注释内容 --> 严格来讲不算HTML标签的：<!DOCTYPE>文档声明标签 设置页面元信息的：<meta>标签 设置网页所有链接的相对目录(如根目录)的：<base>标签 换行：<br> 水平线：<hr> 图像：<img> 表单元素<input> 在表格table中定义一个或多个列的属性的：<col>标签 定义框架的一个窗口的：<frame>标签 定义文档与外部资源的关系的：<link>链接标签 【查询W3School所得】 （二）documen...
编写XHTML代码的规则要比编写HTML要严格得多，类似下面的代码在HTML中是有效的，但在XHTML中则是无效的。 [javascript] 代码如下:<script type="text/javascript"> function compare(a, b) { if(a < b) { alert("a is less then b"); } else if(a > b) { alert("a is greater then b"); } else { alert("a is equal to b"); } } </script> <script type="text/javascript"> function compare(a, b) { if(a < b) { alert("a is les...
我主要讲此代码用于MVC的分布页。 先看最终效果最终效果：样式为bootstrap3中的分页“pagination”，如果不使用bootstrap单独提出来并不大 页码生成代码为： public string GetPaginationHtml(PaginationViewModel p) {var PageNum = p.Page;//当前页码（页码从1开始）var PageCount = p.PageCount;//总页数var ItemCount = p.ItemCount;//总条数var showPageNum = 6;//显示数字的页面数量var html = new StringBuilder();html.App...
为了提升用户体验，一般我们采用ajax加载数据然后根据数据渲染html，渲染html可以使用前端渲染和服务器端渲染。 前端渲染 使用前端模版引擎或MVC框架，例如underscore.js的template或者是使用angular.js等框架，当然也可以不用任何框架自己拼接html。 <!DOCTYPE html> <html><head><title>underscore.js的template渲染html</title></head> <body><div id="content"></div><script src="~/static/js/lib/jquery-3.1.1.js"></script>...
HtmlHelper类在命令System.Web.Mvc.Html之中，主要由7个静态类组成，它们分别是FormExtensions类，InputExtensions类，LinkExtensions类，SelectExtensions类，TextExtensions类，ValidationExtensions类，RenderPartialExtensions类。 为了方便开发者使用HtmlHelper控件，在视图ViewPage类中设置了一个属性Html它就是HtmlHelper类型。 一.FormExtensions类 定义了3中类型的扩展方法BeginForm,BeginRouteForm,EndForm。 (1) BeginF...
HTML onfocus 事件属性 定义和用法 onfocus 属性在元素获得焦点时触发。 onfocus 常用于 <input>、<select> 以及 <a>. 提示：onfocus 属性与 onblur 属性相反。 注释：onfocus 属性不适用于以下元素：<base>、<bdo>、<br>、<head>、<html>、<iframe>、<meta>、<param>、<script>、<style> 或 <title>。 实例 当输入字段获得焦点时触发函数。此函数改变输入字段的背景色<script> function setStyle(x) { document.getElementById(x)...
在HTML中<img>这个标签是定义文本中的图片标签，它的作用就比如说可以提供图片的名字、提供图片的尺寸大小和提供图片的一些图片属性，比如Alt这个属性，可以给图片一个名称来告诉朋友们。这个也是对seo优化的一种细节上的方式。这样做可以让百度蜘蛛可以知道你这个图片是个什么东西，或者说，当你发布这个图片的时候可以让百度蜘蛛更好的抓取到你的这个图片。方便你优化上去你想要优化的东西。还有就是可以单独之定义某一个图片的信...
<area> 标签定义图像映射中的区域（注：图像映射指得是带有可点击区域的图像）。 area 元素总是嵌套在 <map> 标签中。 注：<img> 标签中的 usemap 属性与 <map> 元素 name 属性相关联，创建图像与映射之间的联系。<img> 中的 usemap 属性可引用 <map> 中的 id 或 name 属性（由浏览器决定），所以我们需要同时向 <map> 添加 id 和 name 两个属性。属性值：href : 点击区域跳转的链接。alt : 图片无法正常显示时提示的信息。shape ...
position的四个属性值： 1.relative 2.absolute 3.fixed 4.static 下面分别讲述这四个属性。<div id="parent"><div id="sub1">sub1</div><div id="sub2">sub2</div> </div>1. relative relative属性相对比较简单，我们要搞清它是相对哪个对象来进行偏移的。答案是它本身的位置。在上面的代码中，sub1和sub2是同级关系，如果设定sub1一个relative属性，比如设置如下CSS代码：#sub1 {position: relative;padding: 5px;top: 5px;left:...
本文介绍了详解左右宽度固定中间自适应html布局解决方案，分享给大家，具体如下： a.使用浮动布局 html结构如下<div class="box"><div class="left">left</div><div class="right">right</div><div class="center">center</div> </div> //此处注意要先渲染左、右浮动的元素才到中间的元素。元素浮动后剩余兄弟块级元素会占满父元素的宽度 <style>.box{height:200px;} .left{float:left;width:300px;}.right{float:right;widt...
HTML两部分组成 head和body** 在head里面的标签就是头标签** title标签：表示在标签上显示的内容** meta标签：设置页面的一些相关内容（用的比较少）<meta name="keywords" content="熊猫，金丝猴，恐龙"/><meta http-equiv="refresh" content="3;url=01-hello.html"/>** base标签：设置超链接的基本设置- 可以统一设置超链接的打开方式<base target="_blank"/>** link标签：引入外部文件** css中使用到，可以使用link标签引入css文...
废话，就不多说了，开始今天的主题。 Html中meta标签 一、meta标签 含义<meta> 元素 可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。<meta> 标签位于文档的头部，不包含任何内容。<meta> 标签的属性定义了与文档相关联的名称/值对。 二、meta 中常用属性 1. charset (字符集)说明：规定 HTML 文档的字符编码。用法： <meta charset="UTF-8"> 2. viewport (视区)说明：是用户网页的可...
在我们制作的网页中，要是想让它能够让更多的人去访问，最好的方法就是通过搜索引擎来找到你的网址，于是需要你的网页可以有关键词能够让搜索引擎来识别，于是HTML中的<meta>标签就是这个功能，将这个页面的关键信息写入去，让搜索引擎能够去识别，那么接下来就说一下<meta>如何去使用：<head> <title>mate</title> <meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8" /> <meta name="author" conte...
项目中经常会出现的一种情况，有一个列表，譬如是案例列表，点击列表中的某一项，跳转至详情页面。详情是根据所点击的某条记录生成的，因为案例和具体的详情页面，都是用户后期自行添加的，我们开始编写时，不可能穷尽。因此跳转页面时，我们需要传递一个参数过去，这样我们才能通过这个参数进行数据请求，然后根据后台返回的数据来生成页面。因此，通过a标签跳转的方式，肯定是行不通的。 我们经常写form表单，提交时，可以传递参...