ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

前端学习日志-3-html

2021-09-10 14:01:49  阅读:130  来源: 互联网

标签:行内 定义 标签 前端 元素 h5 html 日志 文本


html

h5

一:结构标签(语义化标签)
1.section。section标签定义文档中的节(section、区段)。比如章节、页眉、页脚或文档中的其他部分。
2.article。article标签装载显示一个独立的文章内容。还可以嵌套,则内层的artilce对外层的article标签有隶属的关系。例如,一个博客文章,可以用article显示,然后一 些评论可以以article的形式嵌入其中。
3.aside。标签内容之外与标签内容相关的辅助信息;
4.header。header标签定义文档的页面组合,通常是一些引导和导航信息。
5.hgroup。hgroup标签用于对网页或区段的标题元素(h1-h6)进行组合。例如,在一个区段中你有连续的h系列的标签元素,则可以用hgroup将他们括起来。
6.footer。页尾信息;
7.nav。nav标签定义显示导航链接。
8.figure。独立的单元,例如某个有图片与内容的新闻块。
9.time。time标签定义公历的时间(24 小时制)或日期,时间和时区偏移是可选的。该元素能够以机器可读的方式对日期和时间进行编码,这样, 举例说,用户代理能够把生日提醒或排定的事件添加到用户日程表中,搜索引擎也能够生成更智能的搜索结果。
10.mark。mark标签定义带有记号的文本。请在需要突出显示文本时使用 \<mark> 标签。
11.figure。figure标签规定独立的流内容(图像、图表、照片、代码等等)。figure 元素的内容应该与主内容相关,但如果被删除,则不应对文档流产生影响。
12.figcaption。figcaption 标签定义 figure 元素的标题(caption)。"figcaption" 元素应该被置于 "figure" 元素的第一个或最后一个子元素的位置。
13.contextmenu。contextmenu 标签添加到系统右键菜单 [貌似这个功能只有firefox支持]
二:表单标签
1.email。必须输入邮件。
2.url。必须输入url地址。
3.number。必须输入数值。
4.range。必须输入一定范围内的数值。
5.Date Pickers。日期选择器。
6.search。搜索常规的文本域。
7.color。颜色。
三:媒体标签
1.video。视频
2.audio。音频
3.embed。嵌入内容(包括各种媒体),Midi、Wav、AU、MP3、Flash、AIFF等。
4.source。source设置两份或多份源文件的音频播放器。浏览器应该选择它所支持的文件(如果有的话)
5.track。诸如 video 元素之类的媒介规定外部文本轨道。用于规定字幕文件或其他包含文本的文件,当媒介播放时,这些文件是可见的。

块级元素

块级元素可以包含行内元素和其他块级元素

块级元素
address联系方式信息
article h5文章内容
aside h5定义页面内容之外的内容
audio h5音频播放
blockquote块引用
canvas绘制图形
dd定义列表中定义条目描述
div文档分区
dl定义列表
fieldset表单元素分组
figcaption h5图文信息组标题
figure h5图文信息组
footer h5区段尾或页尾
form表单
h1-h6标题级别 1-6.
header h5区段头或页头
hgroup h5标题组
hr水平分割线
noscript不支持脚本或禁用脚本时显示的内容
ol有序列表
output h5计算结果输出显示
p
pre预格式化文本
section h5一个页面区段
table表格
tfoot表脚注
ul无序列表
video h5视频

行内元素

一般情况下,行内元素只能包含数据和其他行内元素

行内元素
b提醒注意
small边注释和附属细则
i斜体
abbr缩写
cite引用,一般包含作品标题,默认斜体
code呈现一段计算机代码
dfn标记了被定义的术语
em着重阅读元素,默认斜体
kbd表示用户键盘输入
strong表示文本十分重要,一般粗体
samp标识计算机程序输出
var表示数学表达式或编程上下文中的变量名称,一般斜体
a链接
bdo改写了文本的方向性, 使文本以不同的方向渲染呈现出来
br换行
img图像嵌入
map以创建图像与映射之间的关系
object引入一个外部资源
q一个封闭的并且是短的行内引用的文本
script嵌入或引用可执行脚本
span语内容的通用行内容器,并没有任何特殊语义
sub定义了一个文本区域,出于排版的原因,与主要的文本相比,应该展示得更低并且更小
sup定义了一个文本区域,出于排版的原因,与主要的文本相比,应该展示得更高并且更小
button可点击的按钮
input交互式控件
label表示用户界面中某个元素的说明
select表示一个提供选项菜单的控件
texarea表示一个多行纯文本编辑控件

行内块元素

可替换元素
iframe
video
embed
img

标签:行内,定义,标签,前端,元素,h5,html,日志,文本
来源: https://blog.csdn.net/weixin_45643442/article/details/120198829

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有