自学前端那些事之 初识

前端在21世纪国人审美水平跨越式提升的背景下，作为一项专业技术进入我的视野，首先向HTML创始人Tim Berners-Lee致敬。

小试牛刀：

1. 创建一个HTML项目，首先需要新建一个文件夹，并在VSCode中单独打开，这样做有助于提高VSCOde的运行效率。
2. 标明文档类型，其实这已经是一块固定代码了，所有HTML编程软件都支持 "!" + Tab 操作，自动打出程序块。

常见的HTML标签有：

• h1 —— 一级标题
• h2 —— 二级标题
• h3 —— 三级标题
• h4 —— 四级标题
• h5 —— 五级标题
• h6 —— 六级标题
• section —— 章节
• article —— 文章
• main —— 主要内容
• aside —— 旁支内容
• header —— 头部
• footer —— 脚部
• div —— 划分（divide）

全局属性有：

• class —— 通过它可以选择和访问特定元素
• contenteditable —— 使内容可编辑
• hidden —— 隐藏内容
• id —— 识别码 （这里需要说明一下，id使用的前提为默认全局唯一，但是使用了两个相同id编译器并不会报错）下面两种形式表示同一个意思。

id = xxx 
# XXX

• style —— 样式
• tabindex —— Tab键相应标签，在页面中可通过Tab键由tabindex值从小到大的顺序进行跳转，当tabindex = 0，会在最后跳转到此设置区域，当tabindex = -1，则无法通过Tab键跳转至此设置区域。

常用的内容标签有：

• ol + li：有序列表 + 列表条目（ordered list + list item）
• ul + li：无序列表 + 列表条目（underordered list + list item）
• dl + dt + dd：描述列表 + 描述条目 + 描述术语
• pre：代码中空格数量与实际显示一致（preview）
• code：使用等宽字体
• hr：分隔线
• br：换行
• em：强调，变为斜体（emphasis）
• strong：字体加粗显示
• q：引用（quote）
• blockquote：块级引用