002HTML+CSS(class007-010)

[A] HTML基本结构与属性

　　超文本标记语言(HyperText Markup Language)，标准通用语言下的一个应用，是网页制作必备的编程语言。

　　HTML：超文本  标记  语言

　　超文本：文本内容 + 非文本内容(图片，视频，音频等)

　　标记：即语法格式，<标签>

　　　　　　标记也叫标签，如<div></div>, <p></p>......

　　语言：编程语言

[B] HTML常见标签：

　　基础

　　格式

　　表单

　　框架

　　图像

　　音频/视频

　　链接

　　列表

　　表格

　　样式

　　节

　　元信息

　　编程

[C] 初始代码

　　每个.html文件都有的代码叫初始代码，要符合html文件的书写规范。

<!DOCTYPE html> 　　//文档声明，告诉浏览器这是一个.html文件
<html lang="en">　　//html文件的最外城标签，包裹着html标签代码. 此处lang = "en"表示这是一个英文网站，而lang = "zh-CN"表示这是一个中文网站
　　<head>　　　　　　　　//头部文件，网页中显示网址及其他信息的那一行内容
   　　 <meta charset="UTF-8">　 　//元信息：编写网页中的赋值信息， Charset = "UTF-8"国际编码，让网页不出现乱码情况
    　　<meta name="viewport" content="width=device-width, initial-scale=1.0">
    　　<title>Document</title>　　//网页标题，此处为Document
　　</head>
　　<body>　　　　　　// body代码区
　　　　网页显示内容
　　</body>
</html>

　　

[D] HTML注释

　　<!--注释内容-->　　 把暂时不用的代码注释起来，方便以后使用，快捷键shift + alt + a

　　//  注释内容　　　　单行注释　　ctrl + /

　　/* 注释内容 */　　    多行注释

[E] HTML语义化

　　即根据网页中内容的结构，选择合适HTML标签进行编写，即确定每个模块应该用哪种标签。

　　好处：
　　　　1. 在没有css的情况下，页面也能呈现出很好的内容结构；

　　　　2. 有利于SEO，让搜索引擎爬虫更好的理解网页；

　　　　3. 方便其他设备解析(如屏幕阅读器，盲人阅读器等等)；

　　　　4. 便欲断对开发和维护。

 

posted @ 2020-05-23 22:04  CarreyB  阅读(160)  评论(0)  编辑  收藏  举报