以写简历为目的,开始了第一次写网页的实战。之前虽然有看过关于css和html的相关文档,但是纸上得来终觉浅。写的时候关于标签的语义或css的属性还是不懂。写完还是有必要总结一下目前认识的标签。
1. 什么是标签
在总结前,我们要理清楚一个概念:html只管内容,也就是说不同标签的内容呈现出来的样式都不关html的事,管这个事情的另有他人,也就是CSS。那么我们,可以大胆地认为,html的标签没有块级元素或内联元素之分,因为这个是可以用属性display
来修改的。
标签,也就是元素。它是HTML文件的基本组成单位。不同的标签代表着不同的含义,我们需要根据场景/内容选用适当的标签。
2. 目前接触到的标签
- html大纲标签
<!DOCTYPE html>
<html>
<head></head> //规定文档相关的通用信息(元数据),包括文档的标题,文档的样式和脚本的链接(定义)等
<body></body> //表示的是HTML文档的主体内容
</html>
可以出现在 <head>
标签内的元素有:
meta
, link
, title
, style
, script
, noscript
, base
.
<meta>
标签用于表示以上标签不能表示的任何元数据信息.
<noscript>
标签的作用是:如果浏览器不支持script,则会显示<noscript>
的内容
内容分区标签(为页面内容创建明确的大纲)
( 1.)<nav>
用于html导航栏,含有一个或多个超链接(<a>
)的区域.
( 2.)<main>
呈现了文档<body>
或应用的主体部分。注意<main>
标签不能 是以下元素的继承<article>
,<aside>
,<footer>
,<header>
, 或<nav>
。个人理解这几个元素都是并列结构,只可以做兄弟姐妹的那种。
( 3.)<section>
表示文档中的一个区域(或节),比如,内容中的一个专题组,通常都有一个标题。一般通过是否包含一个标题 (<h1>
-<h6>
element) 作为子节点 来 辨识每一个<section>。
( 4.)<footer>
页脚。一个页脚通常包含该章节作者、版权数据或者与文档相关的链接等信息。
( 5.)<h1>
~<h6>
标题
( 6.)<p>
段落文本内容(标识内容的宗旨或结构)
//描述列表元素
<dl>
<dd></dd>内容标题
<dt></dt>内容描述
</dl>
//有序列表
<ol>
<li></li>
</ol>
//无序列表
<ul>
<li></li>
</ul>
//表格元素
<table>
</table>
- 容器
这两个标签没有任何语义。
<div>
一般用来充当流内容容器。他默认是块级元素。
<span>
一般用来充当行内容器。默认内联元素。
另外,关于空元素、可替换元素 在另一篇博客<关于html的一些事>有提及。