当前位置：网站首页 > 技术文章 > 正文

HTML学习笔记(1)

myzbx 2024-12-03 16:40 44 浏览

1、HTML5设计哲学，它并不是规范优先的设计，它是“妥协式”的规范。

2、HTML5对元素大小写不再严格区分，开发者可以随意使用大小写字符来定义HTML元素。

3、对于一份基本的HTML5文档而言，它总有如下结构：

<!DOCTYPE html>

<html>

<head>

<!—此处还可插入其他meta、样式单等信息à

</head>

<body>

页面内容部分

</body>

</html>

4、不要在<html>和<head>之前插入任何内容！不要在</head>和<body>之间插入任何内容！不要在</body>和</html>之前插入任何内容。

5、HTML5保留的基本元素有如下几个：

:定义HTML注释，里面的内容会被当成注释处理。

<html>:它是HTML5文档的根元素。但HTML5允许完全省略这个元素。

<head>:它用于定义HTML5文档的页面头部分。但HTML5允许完全省略这个元素。

<title>:用于定义HTML5文档的页面标题。

<body>:用于定义HTML5文档的页面主体部分，该标签可以指定id、class、style等核心属性，还可以指定onload、onunload、onclick、ondblclick、onmousedown、onmouseup、onmouseover、onmousemove、onmouseout、onkeypress、onkeydown、onkeyup等事件属性，这些属性用于指定JavaScript脚本。

6、几乎所有的HTML元素都可指定id、style和class属性。其中ID属性用于为HTML元素指定一个唯一标识，该标识是通过DOM访问HTML元素的重要途径。Class 和style属性是CSS样式相关属性。

7、<span>and <div>这两个标签很相像，只是前者默认是不会自动换行。使用的属性值基本一样。

8、<span/>、<div/>和<p/>三个元素都可以作为其他内容的“容器”，在默认情况下，<span/>不会导致换行，<div/>会导致换行，<p/>会产生出段落，段落之间会有更大的间距。更要注意的是<span/>和<p/>只能包含文本、图像、超链接、文本格式化元素和表单控件等内容，<p/>可以<span/>，但<span/>不能包含<p/>;<div/>元素除了可以包含上面的这些内容外，还可以包含更多的元素。

9、<b>定义粗体，<i>定义斜体,<em>定义强调文本,<strong>定义粗体文本，在HTML5中，使用<strong.../>包起来的文本代表首重要的文本。<small>定义小号字体文本，在HMTL5中专门用于标识所谓的“小字印刷体”，通常用来标注诸如免责声明、注意事项、法律规定和版权相关的声明性文字。

10、<sup>定义上标文本，<sub>定义下标文本;<bdo>定义文本显示的方向，该标签也可以指定dir属性，该属性值只能是ltr或者rtl。

11、在HTML5中，空元素标签不允许将开始标签和结束标签分开定义。空标签有如下：area base br col command embed hr img input keygen link mata param source wbr。如果这些标签开始和结束标签分开写是错误的。

12、可以省略结束标签的元素：colgroup dt dd li optgroup option p rt rp thead tbody tfoot tr td th <p>

13、可以省略全部标签的元素： html head body tbody。

HTML 注释

上一篇：JavaScript 中 require 和 import 语句的区别
下一篇：Java 常用注解一次性扫盲

HTML学习笔记(1)

相关推荐

使用VSCode模板提高Vue开发效率（vscode开发vue3）

吃透 Vue 项目开发实践|16个方面深入前端工程化开发技巧【下】

8.7k star，一款超炫酷的动态可视化大屏项目

说下你的vue项目的目录结构，该怎么划分?

用上Vue3，你真的变了吗?（vue3 key）

移动前端重构实战系列:5-7章（前端移动端主要技术有哪些）

这么牛逼的cursor功能，赶紧用起来

browser-use:AI 驱动的浏览器自动化神器——DOM识别与交互详解

巧克力:从一朵花开始的华丽变身_巧克力花束教程视频

comfyui安装MimicMotion扩展，AI跳舞动作模仿