HTML标准以及全局变量，css，id

最新推荐文章于 2022-08-01 17:30:51 发布
最新推荐文章于 2022-08-01 17:30:51 发布
阅读量8.9k 收藏 1
点赞数

标准

  1. <!DOCTYPE>声明用来声明文档类型(位于<html>与</html>用来描述文档类型)，有助于浏览器显示正确显示页面，doctype声明是不分大小写的。
  2.  
lang定义元素内容的语言类型lang属性可用于网页或部分网页的语言。这对搜索引擎和浏览器是有帮助的。根据W3C推荐标准，应该通过<html>标签中的lang属性对每张页面中的主要语言进行声明。(语言代码参考手册)

   3.字符编码，字符编码告诉浏览器页面中使用的哪一种字符------>添加<meta>标记

<meta charset="utf-8">

4.在每个img标签后还要加上alt补充。

全局属性

 

元素的标签可以拥有属性，以下是全局属性：

属性作用用法
accesskey定义激活元素的快捷键以下元素支持 accesskey 属性：<a>, <area>, <button>, <input>, <label>, <legend> 以及 <textarea>。
定义后就可以在网页上使用Alt+设定快捷键激活元素
class规定元素的一个或多个类名（引用样式表中的类）class 属性大多数时候用于指向样式表中的类（class）。
class 属性不能在以下 HTML 元素中使用：base, head, html, meta, param, script, style 以及 title。
contenteditable规定元素内容可否编辑contenteditable 属性是 HTML5 中的新属性。值为：true/false
data-*用于存储页面或应用程序的私有自定义数据。
存储的数据能够被页面的 JavaScript 中利用		 
draggable用于定义元素是否可以被拖动链接和图像默认是可拖动的。
hidden定义浏览器不应显示元素防止用户查看元素，直到匹配某些条件（比如选择了某个复选框）。然后，JavaScript 可以删除 hidden 属性，以使此元素可见。
语法：hidden="hidden"(写true和false没用)
与CSS中的display:none;不同的是这个方法的元素会一直在文档流中占据位置，形成空白
id定义元素唯一的idid必须是唯一的,且不是数字。
id的作用：作为链接锚（link anchor）；通过 JavaScript（HTML DOM）或通过CSS为带有指定 id 的元素改变或添加样式。
lang定义元素内容的语言类型lang属性可用于网页或部分网页的语言。这对搜索引擎和浏览器是有帮助的。根据W3C推荐标准，应该通过<html>标签中的lang属性对每张页面中的主要语言进行声明。(语言代码参考手册)
spellcheck定义是否对元素进行拼写检查可以对以下内容进行拼写检查：
1, <input>元素中的文本值（非密码）
2, <textarea> 元素中的文本
3, 可编辑元素中的文本
style（被CSS取代）内联样式,定义元素的行内样式数值：一个或多个由分号分隔的 CSS 属性和值，而CSS 属性和值用冒号连接。
tabindex定义元素的tab键控制次序以下元素支持tabindex属性：
<a>,<area>,<button>,<input>,<object>,<select>以及<textarea>。另：safari不支持tabindex
title定义关于元素的额外信息常用来鼠标移到元素时显示常与<form>以及<a>元素一同使用，提供关于输入格式和链接目标的信息。同时它是<abbr>和<acronym>元素的必需属性。

class属性：

class（类）常用于编写CSS文件的类选择器，这样可以更为精准方便的定义出哪些元素使用哪些样式。在简单的书写完class属性之后，就可以在CSS文件上创建类选择器了，如：

<span style="color:#000000"><code class="language-css"><span style="color:#0000ff">p</span>.greentea{
    <span style="color:#a31515">color</span>:green;
}
.greentea{
    <span style="color:#a31515">color</span>:green;
}</code></span>

而且一个元素可以加入多个类，只需用空格符号隔开，如：

<span style="color:#000000"><code class="language-css"><<span style="color:#0000ff">p</span> <span style="color:#0000ff">class</span>="<span style="color:#0000ff">greentea</span> <span style="color:#0000ff">drink</span> <span style="color:#0000ff">cool</span>"></code></span>

id属性

跟class属性有点类似，id属性也常用于编写CSS文件的类选择器（也可以引用来制作书签等等），与class属性不同的是一个元素只能有一个id，而这id值也必须是整个文档中独一无二的，而在CSS文档中引用id，如:

<span style="color:#000000"><code class="language-css">#greentea{
    <span style="color:#a31515">color</span>:green;
}</code></span>
玛利亚丝吼吼
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
函数的全局和局部作用域和变量-作用域.html
09-13
函数的变量和作用域 /全局变量和全局作用域指的是变量或者函数的位置 // 全局变量： 在script之间或者一个独立的js文件中，在全局作用域中定义的变量 全局变量。在任何位置都可以访问 // 全局作用域：在script之间或者一个独立的js文件 script之间或者一个独立的js文件里的内容区域，在全局作用域中定义的作用域 全局作用域。 在任何位置都可以访问 // 局部变量：在函数作用域之间里的一个或者多个函数或者作用域，在局部作用域中定义的变量 局部变量。只有在该作用域内可以访问 // 局部作用域：任何一个函数的内部都有一个局部作用域，在局部作用域中定义的变量 局部变量。局部变量只有在定义该变量的函数中可以访问
旅游网站前端页面（css，html）
最新发布
06-07
例如，`styles.css`文件可能包含了全局样式，而`destination.css`可能是专门针对目的地页面的样式定义。 在开发过程中，开发者可能会使用类选择器、ID选择器、伪类等来定位并美化特定的HTML元素。此外，CSS预处理器...
html代码中使用全局变量
bzwjz的博客
08-01 6407
html代码中使用全局变量
html 多页面全局变量,JavaScript如何定义全局变量
weixin_33603681的博客
06-04 3587
JavaScript中定义全局变量主要分为显式声明或者隐式声明。下面本篇文章就来给大家具体介绍一下，希望对大家有所帮助。方法1：显式声明使用var(关键字)+变量名(标识符)的方式在function外部声明，即为全局变量，否则在function声明的是局部变量。示例：var test = 5;//全局变量function a(){var a = 3;//局部变量alert(a);}function...
在HTML页面里调用CS页面里的全局变量.
weixin_30932215的博客
06-29 570
在CS面页里定义一个全局变量. protected string str_NoticeMsg ; 给str_NoticeMsg 赋值str_NoticeMsg ="onload=\"javascript:window.open 　　　 ('ScheduleNotice.aspx','','top...
html head 全局变量,JavaScript把局部变量变成全局变量的方法
weixin_42506884的博客
06-09 418
首先我们要知道函数的自调用函数的自调用——自调用函数一次性的函数——声明的同时，直接调用了例如：(function () {console.log("函数");})();我们会看到浏览器直接打印 函数 两个字页面加载后.这个自调用函数的代码就执行完了使用形式(function (形参) {})(实参);注意自调用构造函数的方式,分号一定要加上那么如何把局部变量变成全局变量?把局部变量给window...
基于html和CSS的仿文库模板
02-21
同时，考虑使用变量（CSS Variables）来统一管理全局色彩和样式，方便后期修改。 响应式设计是现代网页不可或缺的部分，确保在不同设备上都能良好展示。可以使用媒体查询（@media query）根据屏幕尺寸调整布局和...
html+css+js+JQuery前端开发课程
12-16
CSS选择器如类选择器（`.class`）、ID选择器（`#id`）和标签选择器（`element`）帮助我们选择要应用样式的元素。属性如`color`、`font-size`和`margin`可以改变文本颜色、字体大小和元素间距。 【CSS布局】 CSS布局...
CSS-variable-practice:使用Javascript更新CSS变量
05-27
在这里，`:root`选择器用于定义全局变量，`--primary-color`和`--spacing`是两个自定义属性。 **使用CSS变量** 在CSS中，我们可以通过`var()`函数来引用这些变量： ```css .button { background-color: var(--...
使用html+css+JavaScript实现中国象棋的对弈，并给出代码
06-03
- `CUR_PLAYER` 和 `SELECTED` 是全局变量，分别表示当前玩家和已选中的棋子。 - `load()` 函数在页面加载完成后执行，为棋盘表格添加点击事件监听器。 - `onClick(event)` 函数处理点击事件，获取点击的单元格...
html文件 声明变量部分代码
09-22
html文件 <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>声明变量</title> <script type="text/JavaScript"> var x; //语文成绩 var y; //数学成绩 var z; //总分 x=prompt("语文成绩？","100"); y=prompt("数学成绩？","100"); z=x+y; document.write("你的总成绩为"+z+"分"); </script> </head> <body> </body> </html>
HTML定义变量简单计算,全新知识：CSS变量-variable
weixin_39680121的博客
06-09 755
前面的话一直以来，CSS中是没有变量而言的，要使用 CSS 变量，只能借助 SASS 或者 LESS 这类预编译器。新的草案发布之后，直接在 CSS 中定义和使用变量不再是幻想了。本文将详细介绍CSS变量variableCSS 变量，顾名思义，也就是由网页的作者或用户定义的实体，用来指定文档中的特定变量。更准确的说法，应该称之为 CSS 自定义属性 ，不过下文为了好理解都称之为 CSS 变量。一直...
html head 全局变量,Javascript全局变量的使用方法
weixin_35879989的博客
06-09 542
1.demo例子说明var gDivId; //js全局变量function geocoder(lastLon,lastLat,result) {alert("lastLon:"+lastLon);alert("lastLat:"+lastLat);alert("result:"+result);gDivId = result; //赋值给全局变量}function testff(){aler...
html怎么定义全局变量,如何使用css var()设置全局变量(不必设置每个元素的属性?)...
weixin_35411480的博客
06-05 2028
在这个jfiddle中:CSSvar()正在使用javascript设置setProperty:// CSS::root {--footer-color: #2cba92 // default}footer {background-color: var(--footer-color)}// JS:const footer = document.querySelector('footer')foot...
html引用c 变量,在jsp页面中定义全局变量,供其他页面引用
weixin_39609500的博客
06-17 766
一、在一个jsp中引用另一个jsp的方法有：1.使用 jsp include指令(常用)：file属性是必填的(绝对或相对路径)，但它不支持任何的表达式，也不允许通过？挂参方式来传递参数。注意：一般页面的top和bottom固定的时候可以用这种方式2.使用 jsp include动作page属性是必填的(绝对或相对路径)，但它及支持表达式也可传递参数。flush属性为缓冲区满时，清空缓冲区，如：3...
django web开发
蔚蓝
01-17 479
1. 安装 安装django pip install django 安装cherrypy pip install cherrypy 复制文件cherrypy_startup.py到wsgi.py相同目录下 查看cherrypy_startup.py里面的配置项 在控制台中运行Python ci\cherrypy_startup.py，启动一个服务 浏览器查看网页 0.0.0.0—表示所有的...
web前端学习（三十四）——JavaScript对象、函数及作用域（全局变量、局部变量）的相关设置
★★光亭★★
02-14 8096
web前端学习（三十四）——JavaScript对象、函数及作用域（全局变量、局部变量）的相关设置
js 声明全局变量的三种方式.html
weixin_42193179的博客
03-14 1万+
&lt;!doctype html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport" content="width=device-width, user-scalable=no, initial-
JS 声明全局变量的三种方式
热门推荐
lifeOn的博客
04-06 6万+
JS中声明全局变量主要分为显式声明或者隐式声明下面分别介绍。 声明方式一： 使用var（关键字）+变量名(标识符)的方式在function外部声明，即为全局变量，否则在function声明的是局部变量。该方式即为显式声明详细如下：<script> var test = 5;//全局变量 function a(){ var a = 3;//局部变量 alert(a)
2020年web前端最全面试题及答案【含vue-react】.docx
10-25
1. CSS选择器的优先级根据内联样式、ID选择器、类选择器和标签选择器的数量决定，权重越高优先级越高。 2. link用于外部样式表，页面加载时同步执行；@import在页面解析完成后异步加载样式表。 3. em基于父元素字体...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值