html标签mdn菜鸟,mdn JavaScript
HTML元信息类标签有哪些？
所谓元信息标签，就是用来描述自身信息的一类标签，通常出现在head标签中，一般不会显示在页面上。它们多是为浏览器和搜索引擎服务的，用于提升性能或者检索信息。
head 标签本身并不携带任何信息，它主要是作为盛放各种元信息标签、语义类标签的容器使用。规定head标签是html标签的第一个元素，并且 head 里面必须包含一个 title 。
从字面上讲， title 表示标题，但是 title 标签的含义却与此有点出入，它表示一个页面的精确概要信息，会作为页面标题显示在浏览器窗口上。另外，合理的 title 标签对SEO也有好处。
例如得到Web版：
从 meta 的含义就知道，它表示元信息。 meta 标签是一组键值对，一般用 name 和 content 分别表示键和值，在 head 中可以出现多个 meta 标签。基本用法是这样的：
上面的标签表示页面所在的Web应用名为StackOverflow。
从HTML5开始，为了简化写法， meta 标签新增了 charset 属性。添加了 charset 属性的 meta 标签无需再有 name 和 content 。
为了数据格式保持正确，建议将 charset 作为 head 的第一个标签。
从字面上看， http-equiv 即 http equivalent ，表示执行一条和HTTP头相关的指令，自然就不再需要 name 属性了。例如：
viewport 元信息标签虽然不是HTML标准定义的内容，但是却成为移动端Web开发的事实标准。它主要表示视口的属性，比如大小、缩放范围等。
所有属性包括：
元信息类标签，是用于描述文档自身信息的标签，必须放在 head 标签中，而 head 标签又是 html 标签中的第一个标签。元信息类标签主要由 title 和 meta 标签构成。 meta 标签由 name 作为key， content 作为value的键值对组成，主要包含：
HTML 标签是什么？
HTML
标签
HTML
标记标签通常被称为
HTML
标签
(HTML
tag)。
HTML
标签是由尖括号包围的关键词，比如
html
HTML
标签通常是成对出现的，比如
b
和
/b
标签对中的第一个标签是开始标签，第二个标签是结束标签
开始和结束标签也被称为开放标签和闭合标签
什么是
HTML？
HTML
是用来描述网页的一种语言。
HTML
指的是超文本标记语言
(Hyper
Text
Markup
Language)
HTML
不是一种编程语言，而是一种标记语言
(markup
language)
标记语言是一套标记标签
(markup
tag)
HTML
使用标记标签来描述网页
html所有标签及应用含义
! - - ... - - 批注
a href target 指定超级链接的分割窗口
a href=/webjx/#锚的名称 指定锚名称的超级链接
a href 指定超级链接
a name=锚的名称 被连结点的名称
address..../address 用来显示电子邮箱地址
b 粗体字
base target 指定超级链接的分割窗口
basefont size 更改预设字形大小
bgsound src 加入背景音乐
big 显示大字体
blink 闪烁的文字
body text link vlink 设定文字颜色
body 显示本文
br 换行
caption align 设定表格标题位置
caption.../caption 为表格加上标题
center 向中对齐
cite...cite 用于引经据典的文字
code.../code 用于列出一段程序代码
comment.../comment 加上批注
dd 设定定义列表的项目解说
dfn.../dfn 显示"定义"文字
dir.../dir 列表文字卷标
dl.../dl 设定定义列表的卷标
dt 设定定义列表的项目
em 强调之用
font face 任意指定所用的字形
font size 设定字体大小
form action 设定户动式窗体的处理方式
form method 设定户动式窗体之资料传送方式
frame marginheight 设定窗口的上下边界
frame marginwidth 设定窗口的左右边界
frame name 为分割窗口命名
frame noresize 锁住分割窗口的大小
frame scrolling 设定分割窗口的滚动条
frame src 将html文件加入窗口
frameset cols 将窗口分割成左右的子窗口
frameset rows 将窗口分割成上下的子窗口
frameset.../frameset 划分分割窗口
h1~h6 设定文字大小
head 标示文件信息
hr 加上分网格线
html 文件的开始与结束
i 斜体字
img align 调整图形影像的位置
img alt 为你的图形影像加注
img dynsrc loop 加入影片
img height width 插入图片并预设图形大小
img hspace 插入图片并预设图形的左右边界
img lowsrc 预载图片功能
img src border 设定图片边界
img src 插入图片
img vspace 插入图片并预设图形的上下边界
input type name value 在窗体中加入输入字段
isindex 定义查询用窗体
kbd.../kbd 表示使用者输入文字
li type.../li 列表的项目 ( 可指定符号 )
marquee 跑马灯效果
menu.../menu 条列文字卷标
meta name="refresh" content url 自动更新文件内容
multiple 可同时选择多项的列表栏
noframe 定义不出现分割窗口的文字
ol.../ol 有序号的列表
option 定义窗体中列表栏的项目
p align 设定对齐方向
p 分段
person.../person 显示人名
pre 使用原有排列
samp.../samp 用于引用字
select.../select 在窗体中定义列表栏
small 显示小字体
strike 文字加横线
strong 用于加强语气
sub 下标字
sup 上标字
table border=n 调整表格的宽线高度
table cellpadding 调整数据域位之边界
table cellspacing 调整表格线的宽度
table height 调整表格的高度
table width 调整表格的宽度
table.../table 产生表格的卷标
td align 调整表格字段之左右对齐
td bgcolor 设定表格字段之背景颜色
td colspan rowspan 表格字段的合并
td nowrap 设定表格字段不换行
td valign 调整表格字段之上下对齐
td width 调整表格字段宽度
td.../td 定义表格的数据域位
textarea name rows cols 窗体中加入多少列的文字输入栏
textarea wrap 决定文字输入栏是自动否换行
th.../th 定义表格的标头字段
title 文件标题
tr.../tr 定义表格美一行
tt 打字机字体
u 文字加底线
ul type.../ul 无序号的列表 ( 可指定符号 )
var.../var 用于显示变量
HTML常用标签Blog
HTML(HyperText Markup Language , HTML5标准)超文本标记语言!
HTML是一种基础技术，常与CSS、JavaScript一起被众多网站用于设计令人赏心悦目的网页、网页应用程序以及移动应用程序的用户界面。 ---维基百科"HTML"
HTML（超文本标记语言——HyperText Markup Language）是构成 Web 世界的一砖一瓦。
它描述并定义了一个网页的内容和基本布局。
除 HTML 以外的其它技术则通常用来描述一个网页的表现与展示效果（如 CSS），或功能与行为（如 JavaScript）。 ---MDN web docs
本文将主要介绍HTML中的一些常用标签,默认位阅读本文章的读者是具有一定基础的开发者或者是爱好者,下面我就简单讲讲HTML中的常常用到的标签元素!
Tips:再看此文时,你可能会疑问,不是每一个标签都有对应的结尾的标签吗,对的HTML中的每一个标签都是有一个对应的反斜杠+对应单词结尾的标签(少数标签除外)!
因此我在介绍常用的HTML标签时,在表格中的元素没有对对应的元素标签进行补齐,大家不要觉得意外!
元数据（Metadata）含有页面的相关信息，包括样式、脚本及数据，能帮助一些软件 (如 搜索引擎 ， 浏览器 等等）更好地运用和渲染页面。对于样式和脚本的元数据，可以直接在网页里定义，也可以链接到包含相关信息的外部文件。
内容分区元素允许你将文档内容从逻辑上进行组织划分。使用包括页眉(header)、页脚(footer)、导航(nav)和标题(h1~h6)等分区元素，来为页面内容创建明确的大纲，以便区分各个章节的内容。
使用 HTML 文本内容元素来组织在开标签 body 和闭标签 /body 里的 块或章节的内容。这些元素能标识内容的宗旨或结构，而这对于 accessibility 和 SEO 很重要。
使用 HTML 内联文本语义(Inline text semantics)定义语句，结构，可以是一个词，一段，或任意风格的文字。
HTML 支持各种多媒体资源，例如图像，音频和视频。
为了创建动态内容和 Web 应用程序，HTML 支持使用脚本语言，最突出的就是 JavaScript。某些元素支持此功能。
这里的元素用于创建和处理表格数据。元素在一个 元素中可以出现一个或者更多。
HTML 提供了许多可一起使用的元素，这些元素能用来创建一个用户可以填写并提交到网站或应用程序的表单。详情请参阅 HTML forms guide 。
htmlhtml标签语言
挺多的，平时收集了，一点
文件类型 HTML/HTML （放在档案的开头与结尾）
文件主题 TITLE/TITLE （必须放在「文头」区块内）
文头 HEAD/HEAD （描述性资料，像是「主题」）
文体 BODY/BODY （文件本体）
------------------------------------------------------------结构性定义（由浏览器控制的显示风格）
标题 H?/H? （从1到6，有六层选择）
3.0 标题的对齐 H? ALIGN=LEFT|CENTER|RIGHT/H?
3.0 区分 DIV/DIV
3.0 区分的对齐 DIV ALIGN=LEFT|RIGHT|CENTER|JUSTIFY/DIV
引文区块 BLOCKQUOTE/BLOCKQUOTE （通常会内缩）
强调 EM/EM （通常会以斜体显示）
特别强调 STRONG/STRONG （通常会以加粗显示）
引文 CITE/CITE （通常会以斜体显示）
码 CODE/CODE （显示原始码之用）
样本 SAMP/SAMP
键盘输入 KBD/KBD
变数 VAR/VAR
定义 DFN/DFN （有些浏览器不提供）
地址 ADDRESS/ADDRESS
3.0 大字 BIG/BIG
3.0 小字 SMALL/SMALL
------------------------------------------------------------与外观相关的标签（作者自订的表现方式）
加粗 B/B
斜体 I/I
3.0 底线 U/U （尚有些浏览器不提供）
3.0 删除线 S/S （尚有些浏览器不提供）
3.0 下标 SUB/SUB
3.0 上标 SUP/SUP
打字机体 TT/TT （用单空格字型显示）
预定格式 PRE/PRE （保留文件中空格的大小）
预定格式的宽度 PRE WIDTH=?/PRE（以字元计算）
N1.0+ 向中看齐 CENTER/CENTER （文字与图片都可以）
N1.0 闪耀 BLINK/BLINK （有史以来最被嘲弄的标签）
N1.0 字体大小 FONT SIZE=?/FONT（从1到7）
N1.0 改变字体大小 FONT SIZE=+|-?/FONT
N1.0 基本字体大小 BASEFONT SIZE=? （从1到7; 内定为3）
N2.0 字体颜色 FONT COLOR="#$$$$$$"/FONT
--------------------------------------------------------------------------------
连结与图形
连结 A HREF="URL"/A
连结到锚点 A HREF="URL#***"/A（如果锚点在另一个档案）
A HREF="#***"/A （如果锚点目前的档案）
N2.0 连结到目的视框 A HREF="URL" TARGET="***"/A
设定锚点 A NAME="***"/A
图形 IMG SRC="URL"
图形看齐方式 IMG SRC="URL" ALIGN=TOP|BOTTOM|MIDDLE
N1.0 图形看齐方式 IMG SRC="URL"
ALIGN=LEFT|RIGHT|TEXTTOP|ABSMIDDLE|BASELINE|ABSBOTTOM
取代文字 IMG SRC="URL" ALT="***" （如果没有办法显示图形则显示此文字）
点选图 IMG SRC="URL" ISMAP （需要CGI程式）
N2.0 点选图 IMG SRC="URL" USEMAP="URL"
N2.0 地图 MAP NAME="***"/MAP（描述地图）
N2.0 段落 AREA SHAPE="RECT" COORDS=",,," HREF="URL"|NOHREF
3.0 大小 IMG SRC="URL" WIDTH="?" HEIGHT="?"（以pixels为单位）
N1.0 图形边缘 IMG SRC="URL" BORDER=? （以pixels为单位）
N1.0 图形边缘空间 IMG SRC="URL" HSPACE=? VSPACE=? （以pixels为单位）
N1.0 低解析度图形 IMG SRC="URL" LOWSRC="URL"
N1.1 用户端拉 META HTTP-EQUIV="Refresh" CONTENT="?; URL=URL"（使用端自动更新 ）
N2.0 内嵌物件 EMBED SRC="URL" （将物件插入页面）
N2.0 内嵌物件大小 EMBED SRC="URL" WIDTH="?" HEIGHT="?"
--------------------------------------------------------------------------------
分隔
段落 P （通常是两个return）
3.0 段落 P/P （新定义成容器型标签）
3.0 文字看齐方式 P ALIGN=LEFT|CENTER|RIGHT/P
换行 BR （一个return）
N1.0 文字部份看齐方式BR CLEAR=LEFT|RIGHT|ALL（与图形合用时）
横线 HR
N1.0 横线对齐 HR ALIGN=LEFT|RIGHT|CENTER
N1.0 横线厚度 HR SIZE=? （以pixels为单位）
N1.0 横线宽度 HR WIDTH=? （以pixels为单位）
N1.0 横线比率宽度 HR WIDTH=% （以页宽为100%）
N1.0 实线 HR NOSHADE （没有立体效果）
N1.0 不可换行 NOBR/NOBR （不换行）
N1.0 可换行处 WBR （如果需要，可在此断行）
--------------------------------------------------------------------------------
列举 （可以巢状列举）
无次序式列举 ULLI/UL （LI 放在每一项前）
N1.0 公布式列举 UL TYPE=DISC|CIRCLE|SQUARE（定义全部的列举项）
LI TYPE=DISC|CIRCLE|SQUARE（定义这个及其后的列举项）
有次序式列举 OLLI/OL （LI 放在每一项前）
N1.0 数标型态 OL TYPE=A|a|I|i|1 （定义全部的列举项）
LI TYPE=A|a|I|i|1 （定义这个及其后的列举项）
N1.0 起始数字 OL value=? （定义全部的列举项）
LI value=? （定义这个及其后的列举项）
定义式列举 DLDTDD/DL（DT项目, DD定义）
表单式列举 MENULI/MENU（LI 放在每一项前）
目录式列举 DIRLI/DIR （LI 放在每一项前）
--------------------------------------------------------------------------------
背景与颜色
3.0 重复排列的背景 BODY BACKGROUND="URL"
N1.1+ 背景颜色 BODY BGCOLOR="#$$$$$$" （依序为红、绿、蓝）
N1.1+ 文字颜色 BODY TEXT="#$$$$$$"
N1.1+ 连结颜色 BODY LINK="#$$$$$$"
N1.1+ 看过的连结 BODY VLINK="#$$$$$$"
N1.1 使用中的连结 BODY ALINK="#$$$$$$"
--------------------------------------------------------------------------------
特殊字元（以下标签需用小写）
特别符号 ?; （其中 ? 代表 ISO 8859-1 的编码）
" "
注册商标TM ?
N1.0+ 注册商标TM ?
著作权符号 ?
N1.0+ 著作权符号 ?
--------------------------------------------------------------------------------
表单 （通常需要与CGI程式配合）
定义表单 FORM ACTION="URL" METHOD=GET|POST/FORM
N2.0 上传档案 FORM ENCTYPE="multipart/form-data/FORM
输入栏位 INPUT TYPE="TEXT|PASSWORD|CHECKBOX|RADIO|IMAGE|HIDDEN|SUBMIT|RESET"
栏位名称 INPUT NAME="***"
栏位内定值 INPUT value="***"
已选定 INPUT CHECKED （适用於checkboxes与 radio boxes）
栏位宽度 INPUT SIZE=? （以字元数为单位）
最长字数 INPUT MAXLENGTH=? （以字元数为单位）
下拉式选单 SELECT/SELECT
下拉式选单名称 SELECT NAME="***"/SELECT
选单项目数量 SELECT SIZE=?/SELECT
多选式选单 SELECT MULTIPLE （多选）
选项 OPTION
内定选项 OPTION SELECTED
文字输入区 TEXTAREA ROWS=? COLS=?/textarea
输入区名称 TEXTAREA NAME="***"/textarea
N2.0 输入区换行方式 TEXTAREA WRAP=OFF|VIRTUAL|PHYSICAL/textarea
--------------------------------------------------------------------------------
表格
3.0 定义表格 TABLE/TABLE
3.0 表格框线 TABLE BORDER/TABLE （有或没有）
N1.1 表格框线 TABLE BORDER=?/TABLE（可以设定数值）
N1.1 储存格左右留白 TABLE CELLSPACING=?
N1.1 储存格上下留白 TABLE CELLPADDING=?
N1.1 表格宽度 TABLE WIDTH=? （以pixels为单位）
N1.1 宽度比率 TABLE WIDTH=% （页宽为100%）
3.0 表格列 TR/TR
3.0 表格列内容看齐 TR ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM
3.0 储存格 TD/TD （须与列并用）
3.0 储存格内容看齐 TD ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM
3.0 不换行 TD NOWRAP
N3.0 储存格背景颜色 TD BGCOLOR=#$$$$$$
3.0 储存格横向连接 TD COLSPAN=?
3.0 储存格纵向连接 TD ROWSPAN=?
N1.1 储存格宽度 TD WIDTH=? （以pixels为单位）
N1.1 储存格宽度比率 TD WIDTH=% （页宽为100%）
3.0 表格标题 TH/TH （跟TD一样，不过会对中并加粗）
3.0 表格标题对齐 TH ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM
3.0 表格标题不换行 TH NOWRAP
3.0 表格标题占几栏 TH COLSPAN=?
3.0 表格标题占几列 TH ROWSPAN=?
N1.1 表格标题宽度 TH WIDTH=? （以pixels为单位）
N1.1 表格标题比率宽度TH WIDTH=% （页宽为100%）
3.0 表格抬头 CAPTION/CAPTION
3.0 表格抬头看齐 CAPTION ALIGN=TOP|BOTTOM（在表格之上/之下）
HTML中的语义标签和元信息标签（整理）
语义类标签是纯文字的补充，如标题、自然段、章节、列表等。section、p、nav。
现代互联网产品中，HTML描述"软件界面"多过"富文本"，而软件界面里的东西，几乎是没有语义的。在任何"软件界面的场景中"，可以直接使用div和span。
语义标签的优点：在很多工作场景里，正确地使用语义标签可以带来很多好处：
作为自然语言和纯文本的补充，用来表达一定的结构或消除歧义
ruby、rt、rp、
em
HTML应支持 文章的结构的区分。语义化的HTML能够支持自动生成目录结构。
一篇文档会有一个属性的目录结构，由各级标题组成，此树形结构可能与HTML元素的嵌套关系不一致。
h1~h6、hgroup
section
越来越多的浏览器退出的"阅读模式"，以及各种非浏览器终端的出现，语义化的HTML适合机器阅读的特性变得越来越重要。能让浏览器很好的支持"阅读视图功能"，提升搜索引擎的命中率，对视障用户的读屏软件更加友好。
header、nav、aside、footer、address
article
所谓 元信息 ，是指描述自身的信息，
元信息类标签就是HTML用以描述文档自身的一类标签。通常在head标签中，不会在页面中显示出来。
元信息类标签多数情况下是给浏览器、搜索引擎等机器阅读的，有时这些信息会在页面之外展示给用户。
必须是html标签中的第一个标签（若head前面有标签，浏览器解析的时候 ，head标签中的内容会被移到body中），
内容需包含一个title标签（文档作为iframe或有其他方式指定了文档标题时，可不包含title）（多个title时 只有一第一个生效），
最多只能包含一个base（页面中所有 相对 链接的基准URL）（多个base时 只有第一个生效）。
可以改变全局的相对链接地址。不建议使用哦。
meta标签是一组键值对，是一种通用的元信息表示标签。
meta标签中的name表示元信息名，content表示元信息的值
有http-equiv属性的meta标签，表示执行一个命令，不需要name属性
除了content-type， 还有以下几种命令：
没有在HTML标准中定义，却是移动端开发的事实标准