• HTML元素分类


    HTML元素

    HTML元素指的是从开始标签(start tag)到结束标签(end tag)的所有代码。

    例如:<p>This is a paragragh</p>

    注释:开始标签常被称为开放标签(opening tag),结束标签常被称为闭合标签(closing tag)。

    HTML元素语法

    • HTML元素以开始标签起始
    • HEML元素以结束标签终止
    • 元素的内容是开始标签与结束标签之间的内容
    • 某些HTML元素(空标签)具有空内容(empty content)
    • 空元素在开始标签中进行关闭(以开始标签的结束而结束)
    • 大多数HTML元素可拥有标签属性

    不要忘记结束标签

    即使您忘记了使用结束标签,大多数浏览器也会正确地显示HTML:

    <p>这是一个段落

    <p>这是一个段落

    以上实例在浏览器中也能正常显示,因为关闭标签是可选的。

    但不要依赖这种做法,忘记使用结束标签会产生不可预料的结果或错误。

    HTML空元素

    • 没有内容的HTML元素被称为空元素。空元素是在开始标签中关闭的。
    • <br>就是没有关闭标签的空元素(<br>标签定义换行)
    • 在XHTML、XML以及未来版本的HTML中,所有元素都必须被关闭。
    • 在开始标签中添加斜杠,比如<br />,是关闭空元素的正确方法,HTML、XHTML 和 XML 都接受这种方式。
    • 即使 <br> 在所有浏览器中都是有效的,但使用<br /> 其实是更长远的保障。

    HTML标签书写规范

    • 一些标签的使用,切记所有标签都需要闭合,不管是单体标签还是成对标签。(尽管目前浏览器是识别有些标签不闭合的情况,但是取的最好的保证兼容性,使用闭合)
    • 标签写法要用小写字母(有些版本对大小写可认为相同,而xhtml中强制使用小写)

    HTML注释

    可以将注释插入 HTML 代码中,这样可以提高其可读性,使代码更易被人理解。浏览器会忽略注释,也不会显示它们。

    注释快捷键 ctrl + /

    提示:合理地使用注释可以对未来的代码编辑工作产生帮助,只是方便我们阅读,不会显示在浏览器中。

    元素的分类

    1. 块级元素 table dl dt dd figure figcaption div h1-h6 hr ul ol li nav p html head body form menu

    • 独占一行
    • 排列方式:从上往下依次排列
    • 可以设置宽高以及盒子模型的其他属性
    • 不设置宽高的情况下,它的宽度时父元素的宽度,它的高度是本身内容的高度
    • 自带属性display:block
    • 块级元素可以嵌套行内元素
    • ul/ol下面只能是li,dl下面只能是dt/dd
    • p里不能嵌套任何的块级元素,包括p本身,可以嵌套行内元素

    2. 行内元素 a button big datalist em i input mark span select option s strong b small sup sub textarea u

    • 不独占一行
    • 排列方式:从左往右依次排列
    • 设置宽高不起作用,如要起作用需要转换为块/行内块元素 display:block;display:inline-block;
    • 不设置宽高是它本身内容的宽高
    • 自带属性display:inline;
    • 行内元素里不能嵌套块级元素(特殊a)
    • a标签不能嵌套a标签,即使我们嵌套了,最后浏览器也会解析为并列关系
  • 相关阅读:
    Servlet介绍(一)
    iOS Dev (50)用代码实现图片加圆角
    Codeforces Round #265 (Div. 2) D. Restore Cube 立方体推断
    JVM:垃圾回收机制和调优手段
    Memcachedclient-XMemcached使用
    JVM中类的卸载机制
    血型统计
    iOS 事件传递及响应过程
    java 对象参数去空格方式
    spring aop 一个挡板例子
  • 原文地址:https://www.cnblogs.com/youknowUL/p/11390500.html
Copyright © 2020-2023  润新知