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

HTML学习笔记(1)

zhezhongyun 2024-12-03 06:31 94 浏览

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 注释

上一篇：html单行注释符号
下一篇：什么是注解?为什么要使用注解?理解下annotation?

HTML学习笔记(1)

相关推荐

b端详情页:各种信息聚集地，设计师要如何规划这一亩三分地呢

漏洞系列一一看我一招征服漏洞 SSRF

Web前端需要学什么?Web前端开发需要学习哪些?

接口测试遇到500报错?别慌，你的头部可能有点问题

前端Flex布局可视化布局工具介绍，vue和html5快速设计利器

「资讯」为强迫用户使用Edge浏览器，微软又出新招数

HTML 简介（html简介及优缺点）

HBuilderX，uni-app创建HTML5项目，同时支持浏览器和移动端

现在页面实时聊天都使用Websocket技术实现吗?

关于HTML5被简称做H5，你怎么看?（html5缩写）