2021-06-01

HTML 列表元素和有序列表

列表元素

有序列表

ol:ordered list
li:list item
reversed:语义表示倒序显示 ##无序列表（用的较多）
把ol改为ul
ul:unordered list
无序列表常用于制作菜单 或 新闻列表
定义列表
通常用于一些术语的定义
dl: definition list(定义列表) dt:definition title（定义标题） dd:definition description（术语的描述）

~:
文本元素
HTML5中支持的元素：HTML5元素周期表
h
标题 head h1~h6，表示1级标题到6级标题 关于直接用键盘快速换行写代码举例说明 例如<h1>一级标题</h1>,光标在例句中的任何地方， 1.切换到加一行就按住Ctrl+回车键。 2.向上加一行就同时按住Ctrl和Shift+回车键 关于写h1~h6的简易方法 例子： 1.如果需要同时写几个一级标题 表示方法：h16然后再按Tap键自动补齐 2.如果要在h1里面加其他内容比如需要同时写出h1~h6 表示方法：h16>{一级标题}再按Tap键
表示子元素，外面表示父元素，6个，每个父元素里面子元素是一段文本，子元素是一个文本，如果是一个普通文本，就用{}，表示括号里面是一个普通文本。 3.再第二点的基础上如果想实现h的下标以及{}中的几级可以用$符合自动自增，写法如下 表示方法： h$*6{$级标题}再按Tap键
p
段落，paragraphs 例如写3个p元素 p3>{这是一个段落}再按Tap键 vscode中有个小技巧，如下 p6>lorem,再按Tap键，如果这里lorem后面写1也就是lorem1，就生产1个单词，如果这里lorem后面写1000也就是lorem1000,就生成1000个单词。（主要用于测试排版）
lorem,乱数假文，没有任何实际含义的文字
span【无语义】
没有语义，仅用于样式的设置。 例如：三原色包含：红、绿、蓝 额外补充，如下（面试时这样回答）
以前：某些元素在显示时会独占一行（块级元素），而某些元素不会（行级元素）行级元素它不会换行，块级元素它会独占一行，会独占一行再加上这句：到了HTML5,已经弃用了这种说法。 若面试官问为什么弃用？就回答根据W3c的官方标准的描述，元素代表什么含义，跟显示无关
pre【逻辑上属于无语义，但是官方W3C和mdn并未这样说】
预格式化文本元素 空白折叠：在源代码中的连续空白字符（空格、换行、制表），在页面显示时，会被折叠为一个空格 例外：在pre元素中的内容不会出现空白折叠 在pre元素内部出现的内容，会按照源代码格式出现在页面上 该元素通常用于在网页中显示一些代码 pre元素功能的本质：它有一个默认的css属性。 要让浏览器能识别这是一个代码，通常的格式如下：
​
​
如果想让pre元素内的代码实现缩进，则先选中再按住Tap键；如果要取消缩进，则按住shift+Tap键
显示代码时，通常外面套code元素。code表示代码区域。