• 你可能忘了的HTML知识 建议看看


    HTML
    0
    声明要写

    <!DOCTYPE HTML>
    
    • 1

    不能写

    
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
    
    • 1
    • 2
    • 3

    1多用<p>
    2所有元素都必须被关闭。

    在开始标签中添加斜杠,比如
    ,是关闭空元素的正确方法,HTML、XHTML 和 XML 都接受这种方式。
    但是即使您忘记了使用结束标签,大多数浏览器也会正确地显示 HTML
    HTML 提示:使用小写标签
    因为万维网联盟(W3C)在 HTML 4 中推荐使用小写,而在未来 (X)HTML 版本中强制使用小写

    属性值应该始终被包括在引号内。双引号是最常用的,不过使用单引号也没有问题。

    在某些个别的情况下,比如属性值本身就含有双引号,那么您必须使用单引号

    name='Bill "HelloWorld" Gates'
    
    • 1

    下面列出了适用于大多数 HTML 元素的属性:在这里插入图片描述
    默认情况下,HTML 会自动地在块级元素前后添加一个额外的空行,比如段落、标题元素前后。

    <s><strike>	定义删除线文本
    <u>	定义下划线文本
    
    • 1
    • 2

    emm还有

    <script type="text/javascript"> 记得加
    
    • 1

    制表符(tab)在 <pre> 标签定义的块当中可以起到应有的作用,每个制表符占据 8 个字符的位置。但是我们不推荐使用它,因为在不同的浏览器中,Tab 的实现各不相同。在用 <pre> 标签格式化的文档段中使用空格,可以确保文本正确的水平位置。
    如果您希望使用 <pre> 标签来定义计算机源代码,比如 HTML 源代码,请使用符号实体来表示特殊字符,
    比如 "&lt;" 代表 "<","&gt;" 代表 ">","&amp;" 代表 "&"。
    看这里实体符号

    <pre>
    这是
    预格式文本。
    它保留了      空格
    和换行。
    </pre>
    <p>pre 标签很适合显示计算机代码:</p>
    <pre>
    for i = 1 to 10
         print i
    next i
    </pre>
    
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12

    在这里插入图片描述
    这个也很好用
    在这里插入图片描述

    软件程序标签
    各种 HTML 软件程序也能够生成 HTML 注释。

    例如 标签会被包围在由 FrontPage 和 Expression Web 创建的 HTML 注释中。

    作为一项规则,这些标签的存在,有助于对创建这些标签的软件的支持。

    提示:仅仅有 16 种颜色名被 W3C 的 HTML4.0 标准所支持。它们是:aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, yellow。Web安全色
    数年以前,当大多数计算机仅支持 256 种颜色的时候,一系列 216 种 Web 安全色作为 Web 标准被建议使用。其中的原因是,微软和 Mac 操作系统使用了 40 种不同的保留的固定系统颜色(双方大约各使用 20 种)。
    有点恶心

    模板
    <link rel="stylesheet" type="text/css" href="mystyle.css">
    
    • 1
    • 2

    不间断空格(non-breaking space)
    HTML 中的常用字符实体是不间断空格(&nbsp;)。

    <span> 定义文档中的行内的小块或区域。
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    这个可以在父框架用

    <a href="mailto:someone@microsoft.com?cc=someoneelse@microsoft.com&bcc=andsomeoneelse2@microsoft.com&subject=Summer%20Party&body=You%20are%20invited%20to%20a%20big%20summer%20party!">发送邮件!</a>
    
    • 1

    发送邮件的高级用法
    发送邮件!

    
      <th rowspan="2">电话</th><th colspan="2">电话</th>`
      
    
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7

    来跨行表格

    并用

    
    <table border="1" 
    cellspacing="10">
    
    • 1
    • 2
    • 3

    来定义单元格间距

    Class 与 ID 的差异
    同一个类名可以由多个 HTML 元素使用,而一个 id 名称只能由页面中的一个 HTML 元素使用

    在这里插入图片描述
    在这里插入图片描述

    <iframe src="/example/html/demo_iframe.html" name="iframe_a"></iframe>
    
    <p><a href="http://www.w3school.com.cn" target="iframe_a">W3School.com.cn</a></p>
    
    • 1
    • 2
    • 3

    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

    <main>	规定文档的主内容。
    <mark>	定义重要的或强调的文本。
    
    • 1
    • 2
    <meta charset="utf-8" />
    
    • 1

    斜杠(/)在 XHTML 和 XML 中是必需的。

    如果您期望 XML 软件来访问您的页面,保持这个习惯是个好主意。
    在这里插入图片描述
    请尽量避免代码行超过 80 个字符。

    在这里插入图片描述
    大多数 web 服务器(Apache、Unix)对文件名的大小写敏感:

    不能以 london.jpg 访问 London.jpg。
    在这里插入图片描述
    假如一个框架有可见边框,用户可以拖动边框来改变它的大小。为了避免这种情况发生,可以在 <frame> 标签中加入:noresize=“noresize”。
    为不支持框架的浏览器添加 <noframes> 标签。
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

  • 相关阅读:
    docker搭建本地私有仓库
    测试流程||接口测试
    CF1168C And Reachability
    小米手环8pro重新和手机配对解决办法
    Ubuntu Linux 24.04 C语言TCP/IP socket编程基础知识
    CPU乱序执行基础 —— Tomasulo算法及执行过程
    leetcode 355 设计推特
    一文搞懂Vue3中如何使用ref获取元素节点?
    微突发丢包的艺术
    【计算机毕业设计】1.房屋租赁系统
  • 原文地址:https://blog.csdn.net/qq_45984664/article/details/125587863