mainhtml标签（html small标签）

本篇文章给大家谈谈mainhtml标签，以及html small标签对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。

微信号：cloud7591
如需了解更多，欢迎添加客服微信咨询。
复制微信号

本文目录一览：

• 1、HTML常用标签和属性
• 2、在html中怎么将文字放在main最右边
• 3、html main标签有什么用
• 4、HTML5 语义化 -- main
• 5、html语义化标签有哪些
• 6、三个框架网页由哪三个独立的HTML组成？

HTML常用标签和属性

en英文

zh-CN中文

ja-jp日文

！-- -- 注释

p/p分段

br强制换行

ins/ins下划线

hr/水平线

strong/strong强调突出内容

em/em强调倾斜内容

del/del删除线

sub/sub下际

sup/sup上际

lt；大于号

gt；小于号

emsp；空格

trade；TM

reg；®

copy；©

amp；

yen；￥

deg；摄氏度

color=""水平线颜色

width=""水平线宽度

align=""水平线方向，left左，right右

noshade="noshade"水平线默认阴影消除

img  src＝" " alt＝" "

相对路径  ./ ../

绝对路径  去网络里找图片链接

./是找同级或下级图片

../是找上级图片

src＝""引入图片链接

alt＝""当图片出现问题，可以提示一段文字

title＝""鼠标悬停信息

width＝"  px"设定图片宽度

height＝"  px"设定图片高度

a href=""/a

href=""链接的地址

tltle=""悬停提示信息

target=""填入网址

target=""里包含_blank和_self

_blank在浏览器新窗口打开页面

_self在浏览器原窗口打开页面

img src=" alt"可以在图片里加链接

1.#号和id属性

在要跳转的文本位置前填上块元素，给块元素命名

div id＝""/div

a href="#    "/a

2.#号和name属性

在要跳转的文本位置前在写一个

a name="  "/a

a herf="#  "/a

ul和li必须是组合出现的，他们之间是不能有其他标签的

ul

  li/li

/ul

ul/ul列表最外层容器

li/li列表项

type=""是改变前面标记样式（一般都是用css去控制 ）

ul type=""li /li /ul

disc是实心圆        circle是空心圆

square是实心方块    none是空白可以随意发挥

ol和li必须是组合出现的，他们之间是不能有其他标签的

ol

li/li

/ol

ol/ol列表最外层容器

li/li列表项

type=""是改变前面标记样式（一般都是用css去控制

ol type="" start="" li /li /ol

1是数字          a是小写字母        A大写字母    i罗马数字小写  I罗马数字大写

start=""从哪个数字开始（取值只能是数字）

dl 

dt/dt 

dd/dd 

/dl

dl/dl列表最外层容器

dt/dt定义专业术语或名词

dd/dd对名词进行解释和描述

table/table表格最外层容器

tr/tr定义表格行

th/th定义表头

td/td定义表格单元

caption/caption定义表格标题

border=""表格边框

cellpadding=""单元格内的空间

cellspacing=""单元格之间的空间

rowspan=""合并行

colspan=""合并列

align=""单元格文字左右对齐方式

align：left、center、right

valign=""单元格文字上下对齐方式

valign：top、middle、bottom

form action=""

    input type＝"text"

/form

form/form表单最外层容器

action＝""提交到一个地址

input标签用于搜集用户信息，根据不同的type属性值，展示不同的控件

  input type=""

  text普通文本密码框

  password密码输入框

  placeholdr提示文本

  button自定义按钮

  disabled禁用

  readonly只读

  submit提交按钮

  hidden是给后端带信息普通用户看不见 一般伴随（value）

  input type="image"src="/    "图片代替提交按钮

  reset重置按钮

2.checkbox复选框

  加上checked会出现一个默认选择

  disabled禁止使用

3.radio单选框

  name="(写一个自定义的值)"通过name可以让两个或多个单选框变为一组（自定义的值要相同）

  加上checked会出现一个默认选择

4.file上传文件

  multiple按住鼠标左键鼠标滑过可以多选

5.textarea多行文本框

  textarea  cols="30" rows="10"/textarea

  cols=""表示列

  rows=""表示行

  可以通过调节行列改变大小

  resize重新设置大小（css）

  : vertical;垂直

  :horizontal;水平

  :both;默认

  :none;无法控制

6.  selectoption/option/select

  select下拉菜单

  size=""填入数字可以让下拉菜单显示多项

  multiple按住鼠标左键鼠标滑过可以多选

  option菜单里的选项传给后端要设置value值

  selected下拉菜单默认显示当前被选中的那一项

7. label for=""/label是一个辅助属性

  id和for要相同

  拿3.做例子

  正常点这个文字是选不中的

  input type="radio" name="gender"男

  input type="radio" name="gender"女

  但是用上label后就可以了

  input type="radio" name="gender" id="man"label for="man"男/label

  input type="radio" name="gender" id="girl"label for="girl"女/label

fieldsetlegend/legend/fieldset

legend/legend缺口

1.div/div(块)用来划分区域

2.span/span（内联）对文字单独修饰

  style=""设计

  color颜色

  span style＝"color:    "/span

div和span都是没有任何默认样式的，需要配合css

audio src="  " /audio

controls控制栏

loop循环

autoplay自动播放

muted静音

video src="  "video

controls控制栏

loop循环

autoplay自动播放

muted静音

poster属性海报

section元素 表示页面中的一个内容区块（页面身体）

article元素 表示一块与上下文无关的独立的内容

aside元素 在article之外的，与article内容相关的辅助信息（侧边栏）

header元素 表示页面中一个内容区块或整个页面的标题（页面头部）

footer元素 表示页面中一个内容区快或整个页面的脚注（页面底部）

nav元素 表示页面中导游链接部分（页面导航栏）

figure元素 表示一段独立的流内容，使用figcaption元素为其添加标题（第一个获最后一个子元素的位置）

main元素 表示页面中的主要内容（ie不兼容）

form/form表单最外层容器

form action=""/form

action提交到一个地址

input/input标签用于搜集用户信息，根据不同的type属性值，展示不同的控件

input type=""

加上name是给后端的

type="color"生成一个颜色选择的表单

type="email"生成一个邮箱输入框

type="tel"换起拨号盘表单

type="search"产生一个搜索意义的表单

type="range"产生一个滑动条表单，支持min，max，value，step

（min最小值）

（max最大值）

（value设置默认）

（step移动数值）

type="number"产生一个数值表单，支持min，max，value，step

type="email"限制用户必须输入email类型

type="url"限制用户必须输入url类型

type="date"限制用户必须输入日期

type="month"限制用户必须输入月类型

type="week"限制用户必须输入周类型

type="time"限制用户必须输入时间类型

type="datetime-local"选取本地时间

input type="text" list="mylist"（list和id相连）

datalist id="mylist"(id自定义)

option value="手机"/option（这个是列表可以想写多少写多少）

/datalist

va lue自定义名称

autofocus自动获取焦点

required验证输入不能为空

multiple可以输入一个或多个值，每个值用逗号隔开

input type="email" multiple/还可用于file

pattern

将属性值设为某个正则表达式，在提交时会检查其内容是否合给定格式

input pattern="[0-9][A-Z][3]" title="输入内容：一个数与三个大写字母" placeholder="输入内容：一个数与三个大写字母"

在html中怎么将文字放在main最右边

在html中将文字放在main最右边的方法有以下三种：

1、使用?text横align?属性可以控制，使得文字靠右。

2、使用?text横align?属性可以控制，使得文字靠右。

3、在文本对齐的方式中我们可以使用HTML中??标签中的属性?align，?完成对齐方式。

html main标签有什么用

main 标签是 HTML 5 中的新标签。

定义和用法

main 标签规定文档的主要内容。

main 元素中的内容对于文档来说应当是唯一的。它不应包含在文档中重复出现的内容，比如侧栏、导航栏、版权信息、站点标志或搜索表单。

注释：在一个文档中，不能出现一个以上的 main

元素。main

元素不能是以下元素的后代：article、aside、footer、header

或 nav。

HTML5 语义化 -- main

早在 2013 年， main 元素就被正式添加到 W3C HTML 规范中，到目前为止，关于该元素的定义已经很完善了，所以现在是时候深入了解什么时候适合使用 main 元素了。那么，下面就开始吧。

main 的主要目的是将 ARIA 的地标性作用 main 映射到 HTML 中的元素。这可以帮助那些屏幕阅读设备和辅助设备知道页面的主要内容是从哪里开始的。 W3C 规范将 main 描述为 ：

自从 main 元素包含在 HTML 规定里之后， body 元素就还原成了它在 HTML4 中的定义。

使用 main 元素值得注意的一点是，它在每个页面中只能使用一次。为什么要规定一个页面只能使用一次呢？虽然我对具体的细节并不感兴趣，但是有些观点看起来还是比较有意义的。

按照规格，如果你在一个文档中试图使用多个 main 标签，那么 W3C validator 会抛出错误。

main 元素的另外一个规定是，它不能作为 article , header , aside , footer , nav 的子元素节点。

就像其它的 HTML5 新元素一样，并不是所有的浏览器都能够识别出 main ，并且给它加上预设的样式，你可能需要在自己的 CSS 文件中将它设置为块级元素。

有的时候，为了支持一些较低版本的 IE 浏览器，你可能还需要使用 JavaScript 创建该元素。

当然了，你还可以使用 html5shiv .

使用 main 元素最简单的方式就是去替换那些 ID 或者 Class 值为 main 或者 content 之类的 div 元素。

所以，在实践中它应该是什么样子呢？下面是使用 main 元素之前的文档结构。

下面使用 main 元素改写文档。

好了，这是如此的简单，以至于一分钟不到我们就可以将文档改写成新潮的 HTML5 样式。

正如你所见的，使用 main 元素是超级简单的，只需要花费几分钟的时间，所以现在真的到了将 main 带入到网站开发的过程中了。

html语义化标签有哪些

一、什么是HTML语义化标签

语义化的标签，旨在让标签有自己的含义。

p一行文字/pspan一行文字/span

如上代码，p标签与span标签都区别之一就是，p标签的含义是：段落。而span标签责没有独特的含义。

二、语义化标签的优势

代码结构清晰，方便阅读，有利于团队合作开发。

方便其他设备解析（如屏幕阅读器、盲人阅读器、移动设备）以语义的方式来渲染网页。

有利于搜索引擎优化（SEO）。

三、常见的语义化标签

因此我们在写页面结构时，应尽量使用有语义的HTML标签

title：页面主体内容。

hn：h1~h6，分级标题，h1与title协调有利于搜索引擎优化。

ul：无序列表。

li：有序列表。

header：页眉通常包括网站标志、主导航、全站链接以及搜索框。

nav：标记导航，仅对文档中重要的链接群使用。

main：页面主要内容，一个页面只能使用一次。如果是web应用，则包围其主要功能。

article：定义外部的内容，其中的内容独立于文档的其余部分。

section：定义文档中的节（section、区段）。比如章节、页眉、页脚或文档中的其他部分。

aside：定义其所处内容之外的内容。如侧栏、文章的一组链接、广告、友情链接、相关产品列表等。

footer：页脚，只有当父级是body时，才是整个页面的页脚。

small：呈现小号字体效果，指定细则，输入免责声明、注解、署名、版权。

strong：和em标签一样，用于强调文本，但它强调的程度更强一些。

em：将其中的文本表示为强调的内容，表现为斜体。

mark：使用黄色突出显示部分文本。

figure：规定独立的流内容（图像、图表、照片、代码等等）（默认有40px左右margin）。

figcaption：定义figure元素的标题，应该被置于figure元素的第一个或最后一个子元素的位置。

cite：表示所包含的文本对某个参考文献的引用，比如书籍或者杂志的标题。

blockquoto：定义块引用，块引用拥有它们自己的空间。

q：短的引述（跨浏览器问题，尽量避免使用）。

time：datetime属性遵循特定格式，如果忽略此属性，文本内容必须是合法的日期或者时间格式。

abbr：简称或缩写。

dfn：定义术语元素，与定义必须紧挨着，可以在描述列表dl元素中使用。

address：作者、相关人士或组织的联系信息（电子邮件地址、指向联系信息页的链接）。

del：移除的内容。

ins：添加的内容。

code：标记代码。

meter：定义已知范围或分数值内的标量测量。（InternetExplorer不支持meter标签）

progress：定义运行中的进度（进程）。

三个框架网页由哪三个独立的HTML组成？

三个框架网页由三个独立的 HTML 组成，分别是主框架页面（main.html）和两个子框架页面（frame1.html 和 frame2.html）。主框架页面通常用于创建框架的布局，指定框架的数量、位置、大小等信息，并将子框架页面嵌入到对应的框架中。子框架页面则负责显示具体的内容，独立存在于各自的 HTML 文件中。而框架页面中所用到的 HTML 标签和属性也有一些特殊的规定，如`frame`、`frameset`、`noframes` 等。

关于mainhtml标签和html small标签的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。