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

标准

  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"(写truefalse没用)
与CSS中的display:none;不同的是这个方法的元素会一直在文档流中占据位置,形成空白
id 定义元素唯一的id id必须是唯一的,且不是数字。
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>

猜你喜欢

转载自blog.csdn.net/qq_41214595/article/details/81139021