[持续更新]HTML5学习笔记(二)

本文详细介绍了HTML5中的元素分类,包括元数据元素、流元素、短语元素和受限元素,以及常用元素的使用和说明。强调了HTML5语义化的重要性,如改善用户体验,利于SEO,方便其他设备解析,并提供了语义化使用注意事项,如避免过度使用div和span,正确使用表格和表单元素等。
摘要由CSDN通过智能技术生成

1.  元素分类

元数据元素(metadata element):由此可见主要是<meta>元素中的事情了,向浏览器提供信息和指示;

流元素(flow element):听名字怪异,但是其实是规定这些元素可以成为父元素;

短语元素(phrasing element):和流元素呼应,规定这些元素可以成为子元素。

元数据还好理解,就是流元素和短语元素好奇怪,举个例子,div既可以是流元素也可以是短语元素,因为它能包含其他的元素也能被其他的元素包含。但是像<b>这样的就仅仅是短语元素了。

其实大家使用这些元素的时候注意一定的规范,时间长了,也不会乱用短语元素和流元素。真的是对初学者来说真的好辛苦,反而拘束了。

差点忘了,还有第四种类型:受限元素。这些元素要么没什么特别的含义,要么就只能用在一些非常有限的情况下。比如说,<li>元素只能有三种父元素<ul>、<ol>、<menu>。

2.  常用元素及其说明

下面列举一些常见的元素标签,及其类型,是否新增。

1.  文本元素

元素

说明

类型

是否新增

a

生成超链接

短语,流

 

abbr

缩略语

短语

 

b

不带强调或着重意味的标记一段文字

短语

 

br

换行

短语

 

cite

表示其他作品的标题

短语

 

code

表示计算机代码片段

短语

 

del

表示从文档中删除的文字

短语,流

dfn

表示术语定义

短语

 

em

标志着重强调一段文字

短语

 

i

表示与周边内容兼容不同的一段文字,比如来自另一种语言

短语

 

ins

表示加入文档的文字

短语,流

 

kbd

表示用户输入内容

短语

 

mark

表示一段因为与上下文中另一词语相关而突出的现实的内容

短语

q

表示引自他处的内容

短语

 

rp

与ruby元素结合使用,标记括号

短语

rt

与ruby元素结合使用,标记注音符号

短语

ruby

表示位于表意文字上方或右方的注音符号

短语

s

表示文字已不在准确

短语

 

samp

表示计算机程序输出内容

短语

 

small

表示小号字体内容

短语

 

span

一个没有自己语意的通用元素,可以用在希望引入一些全局属性却又不想引入额外语义的情况

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值