HTML简介
HTML的全名为HyperText Markup Language,超文本标记语言。是一种用来创建网站,构建网页的语言。由Tim Branner—Lee于1991年发明。自1996年开始,HTML规范由W3C维护。自从2014年开始,HTML5作为W3C的推荐标准。
HTML文档的要素
-
<!DOCTYPE html>声明文档类型,文档所使用的语言标准为HTML5。为html文档的第一个要素,也是写html文档的起手式。在一些编辑器中,如VSCode,可用tab+!快捷输入。 -
<html lang="zh-CN">声明浏览器识别此文档的语言为中国大陆简体中文。 -
<head>元素,<head>元素中的内容一般不显示在页面中。一般来说,包含以下声明。<meta charset="UTF-8">声明文档所采用的编码方式。<meta http-equiv=“X-UA-Compatible” content=“IE-edge”>此语句声明如果打开此页面的是IE浏览器,使用最新版本的浏览器模式。<meta name="viewport" content="width=device-width, initial-scale=1.0">此语句声明页面禁止自动缩放,一般用来适配移动端设备的浏览器。<title>Document</title>用于指定网页的标题,会显示在浏览器窗口的标题栏。 -
<body>元素,其中包含的内容会显示出来。<body>中包含章节标签和内容标签。章节标签有<h1>~<h6>一到六级标题,<section>章节,<article>文章,<p>段落,<header>头部,<main>主体,<footer>脚部,<aside>侧边,分支,<div>划分,分块等 。内容标签有<ol>+<li>有序列表和包含的项,<ul>+<li>无序列表和包含的项,<dl>+<dt>+<dd>定义列表,键,值,<pre>保留格式,<code>代码,默认为内联元素,和<pre>搭配使用,<hr>分隔线,<br>换行符,<a>超链接,<em>语气的强调,文本变斜,<strong>强调重要内容,<quote>引用,<blockquote>块引用,引用多行文本,等。
标签的全局属性
全局属性为所有标签都具有的属性,包括:
-
class,类,用来标记并识别元素,可用同一个类标记复数个元素,一个元素也可以同时被标记多个类。
-
id,身份,理论上来说,被标记元素的id应该是独一无二的,实际上多个元素被标记为用一个id时未必能报错。
-
hidden,让元素隐藏,不显示在页面中,只要有hidden属性,该元素即被隐藏。
-
style,描述元素的样式。优先级高于元素声明的样式。js语句同样可以声明或修改元素的style属性。当元素的style属性值和js语句声明的不同时,元素的style属性值会被js语句声明的style属性值覆盖。
-
tabindex,页面元素按tab键时选择框的跳转。取值可以为正整数,0,-1三种。当tabindex=正整数时,按tab键时,页面上的选择框按数字顺序由小到大跳转。tabindex的取值不一定连续。按tab键时,页面上tabindex=0的元素会最后被选中。tabindex=-1的元素不会在页面上被tab键跳转选中。
-
title,用来为元素添加附加说明。大多数浏览器中,鼠标悬浮在元素上面时,会将title属性值作为浮动提示,显示出来。
-
contenteditale,文本可编辑属性。HTML 网页的内容默认是用户不能编辑,
contenteditable属性允许用户修改内容。它有两个可能的值,true或空字符串:内容可以编辑;false:不可以编辑。