Html的属性

最新推荐文章于 2022-06-30 16:20:00 发布
最新推荐文章于 2022-06-30 16:20:00 发布
阅读量260 收藏 1
点赞数
分类专栏： 前台框架 HTML CSS JS

1，禁止右键点击以及复制功能

<body οndragstart="window.event.returnValue=false" οncοntextmenu="window.event.returnValue=false" onselectstart="event.returnValue=false">

禁止鼠标在网页上拖动:ondragstart

禁止鼠标右键：oncontextmenu

禁止选择文本：onselectstart        （摘自怪咖Eric)

2，block，inline和inline-block对比

总体概念

  1. block和inline这两个概念是简略的说法，完整确切的说应该是 block-level elements (块级元素) 和 inline elements (内联元素)。block元素通常被现实为独立的一块，会单独换一行；inline元素则前后不会产生换行，一系列inline元素都在一行内显示，直到该行排满。
  2. 大体来说HTML元素各有其自身的布局级别（block元素还是inline元素）：
    • 常见的块级元素有 DIV, FORM, TABLE, P, PRE, H1~H6, DL, OL, UL 等。
    • 常见的内联元素有 SPAN, A, STRONG, EM, LABEL, INPUT, SELECT, TEXTAREA, IMG, BR 等。
  3. block元素可以包含block元素和inline元素；但inline元素只能包含inline元素。要注意的是这个是个大概的说法，每个特定的元素能包含的元素也是特定的，所以具体到个别元素上，这条规律是不适用的。比如 P 元素，只能包含inline元素，而不能包含block元素。
  4. 一般来说，可以通过display:inline和display:block的设置，改变元素的布局级别。

block，inline和inline-block细节对比

  • display:block
    1. block元素会独占一行，多个block元素会各自新起一行。默认情况下，block元素宽度自动填满其父元素宽度。
    2. block元素可以设置width,height属性。块级元素即使设置了宽度,仍然是独占一行。
    3. block元素可以设置margin和padding属性。
  • display:inline
    1. inline元素不会独占一行，多个相邻的行内元素会排列在同一行里，直到一行排列不下，才会新换一行，其宽度随元素的内容而变化。
    2. inline元素设置width,height属性无效。
    3. inline元素的margin和padding属性，水平方向的padding-left, padding-right, margin-left, margin-right都产生边距效果；但竖直方向的padding-top, padding-bottom, margin-top, margin-bottom不会产生边距效果。
  • display:inline-block
    1. 简单来说就是将对象呈现为inline对象，但是对象的内容作为block对象呈现。之后的内联对象会被排列在同一行内。比如我们可以给一个link（a元素）inline-block属性值，使其既具有block的宽度高度特性又具有inline的同行特性。

补充说明

  • 一般我们会用display:block，display:inline或者display:inline-block来调整元素的布局级别，其实display的参数远远不止这三种，仅仅是比较常用而已。
  • IE（低版本IE）本来是不支持inline-block的，所以在IE中对内联元素使用display:inline-block，理论上IE是不识别的，但使用display:inline-block在IE下会触发layout，从而使内联元素拥有了display:inline-block属性的表象。

3，<a href=”#”>与 <a href=”javascript:void(0)” 的区别

<a href=”#”>中的“#”其实是锚点的意思，默认为#top，所以当页面比较长的时候，使用这种方式会让页面刷新到页首（页面的最上部）

javascript:void(0)其实是一个死链接，当使用超链接处理JS脚本（一般是click），又不想回到页首（这种情况可以理解为局部刷新）时经常使用

void 操作符的用法格式如下：

1. javascript:void (expression_r_r)

2. javascript:void expression_r_r

一般是带上（），这样可读性更强

小结：

当需要整体刷新时，使用#

当实现局部刷新时，使用如下几种方式：

1：<a href="####"></a>

2：<a href="javascript:void(0)"></a>

3：<a href="javascript:void(null)"></a>

4：<a href="#" οnclick="return false"></a>

 

用法例子：

row.CreateColumn().AddAttribute("class", "handle").AddChild(string.Format("<a href=\"/News/Get/{0}\">修改</a> | <a href=\"javascript:void(0);\"

οnclick=\"SetTop({0},{1})\">{2}</a> | <a href=\"javascript:void(0);\" οnclick=\"SetRecommend({0},{3})\">{4}</a> | <a href=\"javascript:void(0)\"

οnclick=\"del({0})\">删除</a>", T_Item.No, T_Item.IsTop == true ? "0" : "1", T_Item.IsTop == true ? "取消置顶" : "置顶", T_Item.IsRecommend == true ? "0" :

"1",T_Item.IsRecommend == true ? "取消推荐" : "推荐")).SetClass("tablestyle2");

4，html和.htm的区别

　　很多人会认为网页扩展名html和htm是等同的，但事实上他们还是有区别的。

　　包含HTML内容的文件最常用的扩展名是.html，但是像DOS这样的旧操作系统限制扩展名为最多3个字符，所以.htm扩展名也被使用。虽然现在使用的比较少一些了，但是.htm扩展名仍旧普遍被支持。

　　两种都是静态网页文件的扩展名，扩展名可以互相更换而不会引起错误(这是指打开而言，但是对于一个链接来说，如果它指向的是一个htm文件，而那个htm文件被更改为html文件，那么是找不到这个连接的)

　　1、html 比 htm 的载入速度快

　　2、htm 为DOS三字符文件扩展名时代而来

　　3、html 为Windows时代支持多字符扩展名


SiLaSiLa__
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
html与css中em怎么用,css中em什么意思
weixin_33577842的博客
06-16 1280
em是css中的一个相对长度单位，相对于当前对象内文本的字体尺寸；如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器默认字体尺寸。可以作用在width、height、line-height、margin、border等样式的设置上。本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。CSS中有众多单位，常用的px是绝对单位，em则是相对单位。在响...
angular属性绑定和原生html属性赋值
jeason_chan_zju的博客
08-27 2544
文章目录1 angualr中属性绑定2 html属性赋值3 异同 1 angualr中属性绑定 根据数据绑定的方向和绑定方式共有四种： 使用html的原生绑定方式 <div title="titleNameForDiv"> <!-- 不用中括号对 --> 鼠标放到我这里查看本div的title </div> 原生方式，只支持绑定固定值，因此，就算t...
html em属性,html em标签的作用是什么？<em>和<i>标签的区别
weixin_29280219的博客
06-05 887
html em标签的作用是什么？和标签的区别是什么？本篇文章就为大家介绍html em标签的定义和作用，还有关于和标签的区别html em标签的定义和作用： 标签告诉浏览器把其中的文本表示为强调的内容。对于所有浏览器来说，这意味着要把这段文字用斜体来显示。在文本中加入强调也需要有技巧。如果强调太多，有些重要的短语就会被漏掉；如果强调太少，就无法真正突出重要的部分。这与调味品一样，最好还是不要滥用强...
html中em作用6,CSS中强大的EM
weixin_35509069的博客
06-28 595
使用CSS也好久了，但一直都是在使用“px”来设置Web元素的相关属性，未敢使用“em”。主要原因是，对其并不什么了解，只知道一点概念性的东西，前段时间在项目中要求使用“em”作为单位设置元素，所以从头对“em”学习了一回。稍为有一点理解，今天特意整理了一份博文与大家一起分享，希望对童子们有些许的帮助。这篇教程将引导大家如何使用“em”来创建一个基本的弹性布局，从而学习其如何计算？又是如何使用“e...
HTML5 em标签:定义文字斜体
云加速
12-27 7014
在html中em标签的作用是文字斜体,下面通过em实例、em的用法、em在HTML和HTML5中的区别等内容，让大家掌握html文字斜体的用法。 em标签用法： 以下元素都是短语元素。虽然这些标签定义的文本大多会呈现出特殊的样式，但实际上，这些标签都拥有确切的语义。 我们并不反对使用它们，但是如果您只是为了达到某种视觉效果而使用这些标签的话，主机吧建议您使用样式表，那么做会达到更
html的em属性,css中的em是什么意思？
weixin_35157304的博客
06-04 5326
em是CSS中的一个相对单位，它的单位长度是根据元素的文本垂直长度来决定的。可以作用在width、height、line-height、margin、padding、border等样式的设置上。css中em是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。在响应式和移动端设计的大前提下，使用em能够更方便快捷的一次性调整web文档...
HTML5自定义属性
啨天的博客
06-30 3092
传统的HTML中如果想要实现某种样式，可以在标签上添加id、class、或者在标签上添加固有属性，通过CSS中的类选择器、id选择器、属性选择器来实现，在许多UI框架中，例如：bootstrap，可以通过data-[ ]自定义属性，不用写一行js代码，方便了很多。同样在HTML5可以通过data-自定义属性名来给元素添加自定义的属性名。一旦添加完成之后。通过JS可以获取以及设置自定义属性。例如： H5中自定义属性大体可分为两种方式：在代码开始之前先说明一下规范和注意事项下面展示代码： 以上就是
html solid 属性,javaScript属性
weixin_39777543的博客
06-04 2239
------------------------------------行内样式------------------------------------*基本标签html 网页的开始标记head 网页的头部标记body 网页的主体标记bgcolor: 背景色；background 背景图片title 整个网页的标题例如*img 图像标签：src 图像的保存路径width 宽度height 高度al...
第七篇：HTML文字与图片属性
m0_66451927的博客
02-02 4760
这是第七篇文章，有一些属性在上一节表格详情里提到一些属性，例如对齐align、颜色color和边框border等，有一些属性在文字或图片里也有，可以联系表格属性学习下面文字和图片的属性。 一、文字属性<font> 1、对齐属性：align 文字的对齐属性和表格的对齐属性一样，设置表格在网页中的水平对齐方式，常用属性值都是left、right、center 2、font标签 face属性用于设置所有字体属性。设置的属性是按顺序的： "font-style font-variant .
html之table属性
热门推荐
Jerry_0728的博客
10-27 2万+
目标： 1，table属性 2，tr属性 3，td属性
css3中单位px,em,rem,vh,vw,vmin,vmax的区别及浏览器支持情况
weixin_30335353的博客
04-24 293
px：绝对单位，页面按精确像素展示 em：相对单位，基准点为父节点字体的大小，如果自身定义了font-size按自身来计算（浏览器默认字体是16px），整个页面内1em不是一个固定的值。 rem：相对单位，可理解为”root em”, 相对根节点html的字体大小来计算，CSS3新加属性，chrome/firefox/IE9+支持。 (另外需注意chrome强制最小字体为12...
CSS之EM属性
tian361zyc的博客
06-11 1777
CSS
HTML中单位em和px
自由空间
08-01 1万+
最近开始 搞html5，因为以前写后台程序比较多，前端也只是马虎马虎写写。   一下子要恶补许多css的知识。觉得单位是最基本的，就从单位搞起：）   字体单位应该用em而不用px，原因简单来说就是支持IE6下的字体缩放，在页面中按ctrl+滚轮，字体以px为单位的网站没有反
DIV CSS display (block none inline)属性的用法教程
fenghome的专栏
06-13 1687
在一般的CSS布局制作时候，我们常常会用到display对应值有block、none、inline这三个值。下面我们来分别来认识和学习什么时候用什么值。这里通过CSS display知识加实例、图演示讲解方法来学习和了解DIV CSS display。 目录 CSS display使用 display的值有哪些 css display block显示 css disp
什么是HTML的属性
Afan_F的博客
10-13 761
属性是 HTML 元素提供的附加信息。 HTML 元素可以设置属性 属性可以在元素中添加附加信息 属性一般描述于开始标签 属性总是以名称/值对的形式出现，比如：name="value"。   class 属性 与 id 属性是 HTML 常用的属性，适用于大多数 HTML 元素。 class 属性 class 属性为 HTML 元素定义一个或多个类名。 class 属性通常用于指向样...
html中的长度单位em,前端常用长度单位（px，em，rem，pt）介绍
weixin_39980711的博客
06-09 935
CSS中有不少属性是以长度作为值的。盒模型的属性就是一些很明显的值属性：width、height、margin、padding、border。除此之外还有很多其他的CSS属性的值同样也是长度值，像偏移量(offset)、box-shadow的大小或者字体的大小、间距等。CSS中有哪些长度单位可以作为属性的值呢？这样的单位有很多。绝对长度单位px.wrap {400px;}像素或许被认为是最好的“设...
HTML中display:inline;特性
lanseguhui的博客
05-24 1万+
display属性inline内嵌式布局特点:1.可以支持同行排列2.不支持宽高的设置,不支持上下margin设置,支持左右margin的设置,大小由内部的文字撑开3.内部的标签的只能是文字或者Inline型标签,项目中的inline主要用来套文字4.浏览器会解析文档中两个inline型标签之间的空白符为间隙,该间隙大小不可控,不同浏览器大小不一致消除该间隙的方法1.为其父级设置font-size...
CSS中强大的EM（转）
萌萌的It人 www.itmmd.com
05-24 3925
使用CSS也好久了，但一直都是在使用“px”来设置Web元素的相关属性，未敢使用“em”。主要原因是，对其并不什么了解，只知道一点概念性的东西，前段时间在项目中要求使用“em”作为单位设置元素，所以从头对“em”学习了一回。稍为有一点理解，今天特意整理了一份博文与大家一起分享，希望对童子们有些许的帮助。 这篇教程将引导大家如何使用“em”来创建一个基本的弹性布局，从而学习其如何计算？又是如何使用
微信小程序书店（微信端）+源代码+演示视频.zip
最新发布
09-04
互联网发展至今，无论是其理论还是技术都已经成熟，而且它广泛参与在社会中的方方面面。它让信息都可以通过网络传播，搭配信息管理工具可以很好地为人们提供服务。针对高校教师成果信息管理混乱，出错率高，信息安全性差，劳动强度大，费时费力等问题，采用微信小程序书店可以有效管理，使信息管理能够更加科学和规范。 微信小程序书店使用Java语言进行编码，使用Mysql创建数据表保存本系统产生的数据。系统可以提供信息显示和相应服务，其管理微信小程序书店信息，查看微信小程序书店信息，管理微信小程序书店。 总之，微信小程序书店集中管理信息，有着保密性强，效率高，存储空间大，成本低等诸多优点。它可以降低信息管理成本，实现信息管理计算机化。 关键词：微信小程序书店；Java语言；Mysql
HTML属性快速入门指南
"HTML属性.docx 是一份关于HTML基础知识的总结文档，涵盖了HTML属性、文本标签、超链接、图片、表格、表单等多个方面，适合HTML初学者入门学习。文档提供了不同格式（如xmind、html、PDF、Word）供使用者方便查阅和...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值