HTML W3 快速过一遍

本文探讨了HTML的基本元素结构,如行内元素与块级元素的区别,以及<cite>标签的用法。还介绍了避免HTTP请求冗余的技巧和如何通过display属性转换元素类型。适合初学者理解HTML元素组织和优化实践。
摘要由CSDN通过智能技术生成

一些知识点

1 <br> 还是 <br />
您也许发现 <br><br /> 很相似。
在 XHTML、XML 以及未来的 HTML 版本中,不允许使用没有结束标签(闭合标签)的 HTML 元素。

2 用于著作标题的 HTML <cite>
HTML 元素定义著作的标题。

3 基本的注意事项 - 有用的提示:
注释:请始终将正斜杠添加到子文件夹。假如这样书写链接:href=“http://www.w3school.com.cn/html”,就会向服务器产生两次 HTTP 请求。这是因为服务器会添加正斜杠到这个地址,然后创建一个新的请求,就像这样:href=“http://www.w3school.com.cn/html/”。

4 行内元素和块级元素的区别

格式:行内元素是在同一行的,块级元素会新起一行
块级元素可以用样式控制其高和宽。
行内元素不可以控制宽和高。

内容
一般情况下,行内元素只能包含数据和其他行内元素。
而块级元素可以包含行内元素和其他块级元素。这种结构上的包含继承区别可以使块级元素创建比行内元素更”大型“的结构。

使用display属性能够将三者任意转换:
(1)display:inline;转换为行内元素

(2)display:block;转换为块状元素

(3)display:inline-block;转换为行内块状元素

简洁概况:
块级元素总是从新行开始,并占据可用的全部宽度(尽可能向左和向右伸展)
内联元素不从新行开始,仅占用所需的宽度

参考 MDN行内元素, MDN块级元素,HTML行内元素、块状元素、行内块状元素的区别,

附:HTML标签中英文缩写对照表方便记忆

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值