本文将简单回答以下问题:
- HTML的发明者是?
- HTML起手式应该写什么?
- 常用的表示章节的标签有哪些,分别是什么意思(h1~h6、section、article、main、aside 等等。
- 全局属性有哪些?
- 常用的内容标签有哪些,分别是什么意思(a、strong、em、code、pre 等等)?
1.HTML的发明者是?
蒂莫西·约翰·“蒂姆”·伯纳·李爵士(Tim Berners-Lee)是HTML的发明者,同时也是万维网的发明者。万维网不同于互联网,李爵士放弃了利用WWW标准牟利,是个具有共享精神的学者,值得钦佩。2016年度图灵奖获得者。 参考链接:来自百度百科.
2.HTML起手式应该写什么?
起手式个人理解为基本代码,所有的HTML文件都会包含的基本结构代码,使用快捷键可以快速呼出,可以节省时间,在编译器新建index.html文件,然后输入 ! 之后等选项飘出,按tab键即刻自动补全。以下为在VScode里操作完的效果图。
3.常用的表示章节的标签有哪些,分别是什么意思。
| 标签名 | 含义/作用 | 一般写法 |
|---|---|---|
| h标签 (head:h1-h6) | 标题标签 | 点击查看实例 |
| section | <section> 标签定义文档中的节(section、区段)。比如章节、页眉、页脚或文档中的其他部分。 |
点击查看实例 |
| article | 包裹文章内容。 | 点击查看实例 |
| p标签 | 表示段落。 | 点击查看实例 |
| header | 头部,用于展示介绍性内容 | 点击查看实例 |
| footer | 尾部,表示距离最近section的尾部信息。 | 点击查看实例 |
| main | <main> 元素的内容应当是独一无二的,<main> 不会影响 DOM 的页面结构概念。它仅有提供信息的作用。 |
点击查看实例 |
| aside | 旁支内容-HTML <aside> </aside> 元素表示一个和其余页面内容几乎无关的部分,被认为是独立于该内容的一部分并且可以被单独的拆分出来而不会使整体受影响。其通常表现为侧边栏或者标注框。 |
点击查看实例 |
| div | HTML <div> 元素 (或 HTML 文档分区元素) 是一个通用型的流内容容器,在不使用CSS的情况下,其对内容或布局没有任何影响。 |
点击查看实例 |
4.全局属性有哪些?
| 全局属性名 | 含义 |
|---|---|
| class | class 的值是一个以空格分隔的元素的类名(classes )列表,它允许 CSS 和 Javascript 通过类选择器 (class selectors) 或DOM方法( document.getElementsByClassName)来选择和访问特定的元素。 |
| contentwditable | 规定是否可编辑元素的内容。 |
| id | 这个id 全局属性定义标识符(ID),它在整个文档中必须是唯一的。它的目的是在链接时标识元素(使用片段标识符)、脚本或样式(与CSS). |
| style | style 全局属性 包含应用到元素的 CSS样式声明。要注意样式最好定义在单独的文件中。这个属性以及 style 元素的主要目的是快速装饰html标签及内容。 |
| tabindex | tabindex 全局属性 指示其元素是否可以聚焦,以及它是否/在何处参与顺序键盘导航(通常使用Tab键,因此得名),它接受一个整数作为值,具有不同的结果,具体取决于整数的值:tabindex=负值 (通常是tabindex=“-1”),表示元素是可聚焦的,但是不能通过键盘导航来访问到该元素,用JS做页面小组件内部键盘导航的时候非常有用。tabindex="0" ,表示元素是可聚焦的,并且可以通过键盘导航来聚焦到该元素,它的相对顺序是当前处于的DOM结构来决定的,tabindex=正值,表示元素是可聚焦的,并且可以通过键盘导航来访问到该元素;它的相对顺序按照tabindex 的数值递增而滞后获焦。如果多个元素拥有相同的 tabindex,它们的相对顺序按照他们在当前DOM中的先后顺序决定。 |
| title | title 全局属性 包含了表示咨询信息文本,和它属于的元素相关。这个信息通常存在,但绝不必要,作为提示信息展示给用户。 |
| hidden | 全局属性 hidden 是一个布尔属性,表示一个元素尚未或者不再相关。例如,它可以被用来隐藏一个页面元素直到登录完毕。如果一个元素设置了这个属性,它就不会被显示.hidden属性不能用于隐藏那些可以在其它板块中合理显示的内容 |
5.常用的内容标签
| 全局属性名 | 含义 | 普通写法 |
|---|---|---|
| ol+li | HTML <li> 元素 (或称 HTML 列表条目元素) 用于表示列表里的条目。它必须包含在一个父元素里:一个有序列表<ol>,一个无序列表(<ul>),或者一个菜单 (<menu>)。在菜单或者无序列表里,列表条目通常用点排列显示;在有序列表里,列表条目通常在左边显示按升序排列的计数,例如数字或者字母。 |
点击查看效果 |
| ul+li | 表示无序列表。 | 点击查看效果 |
| dl+dt+dd | 是一组合标签,使用了dt dd最外层就必须使用dl包裹,此组合标签我们也又叫表格标签,与table表格类似组合标签,故名我们也叫dl表格。为常用标题+列表型标签。如没有对dl dt dd标签初始CSS样式,默认dd列表内容会一定缩进。首先dt和dd是放于dl标签内,标签dt与dd处于dl下相同级。也就是dt不能放入dd内,dd不能放入dt内。在dl下,dt与dd处于同级标签。DD标签可以若干。同时不能不加dl地单独使用dt标签或dd标签。 | 点击查看效果 |
| pre | HTML <pre> 元素表示预定义格式文本。在该元素中的文本通常按照原文件中的编排,以等宽字体的形式展现出来,文本中的空白符(比如空格和换行符)都会显示出来。(紧跟在<pre> 开始标签后的换行符也会被省略)。 |
点击查看效果 |
| hr | HTML <hr> 元素表示段落级元素之间的主题转换(例如,一个故事中的场景的改变,或一个章节的主题的改变)。在HTML的早期版本中,它是一个水平线。现在它仍能在可视化浏览器中表现为水平线,但目前被定义为语义上的,而不是表现层面上。 |
点击查看效果 |
| br | HTML 元素在文本中生成一个换行(回车)符号。此元素在写诗和地址时很有用,这些地方的换行都非常重要。 |
点击查看效果 |
| a | 在超文本标记语言中,在两种文档之间可以指定<a>, 类似标签还有<area>或<link> 元素使一个页面链接到另一个页面。 |
点击查看效果 |
| em | HTML元素(<em>) 斜体标记出需要用户着重阅读的内容,把文本定义为强调的内容, <em> 元素是可以嵌套的,嵌套层次越深,则其包含的内容被认定为越需要着重阅读。 |
点击查看效果 |
| strong | Strong 元素 ()表示文本十分重要,一般用粗体显示。 | 点击查看效果 |
| code | HTML<code>元素呈现一段计算机代码. 默认情况下, 它以浏览器的默认等宽字体显示。 |
点击查看效果 |
| q(quote) | HTML引用标签 (<q>)表示一个封闭的并且是短的行内引用的文本. 这个标签是用来引用短的文本,所以请不要引入换行符; 对于长的文本的引用请使用 <blockquote> 替代。 |
点击查看效果 |
| blockquote | HTML <blockquote> 元素(或者 HTML 块级引用元素),代表其中的文字是引用内容。通常在渲染时,这部分的内容会有一定的缩进。若引文来源于网络,则可以将原内容的出处 URL 地址设置到 cite 特性上,若要以文本的形式告知读者引文的出处时,可以通过 <cite>元素,<q> 标签用于简短的行内引用。如果需要从周围内容分离出来比较长的部分(通常显示为缩进的块),请使用 <blockquote> 标签。 |
点击查看效果 |