前端知识点复习之网页、HTML常识

学前端的小Q

已于 2023-11-23 14:16:15 修改

阅读量77

点赞数

文章标签：前端 html

于 2023-11-23 14:14:03 首次发布

本文链接：https://blog.csdn.net/qq_48905290/article/details/134575828

版权

一、【网页】

从技术方向，网页的组成部分：

w3c : 国际万维网联盟组织制定各种各种写网页的标准规范 w3c 标准
MDN ： https://developer.mozilla.org/zh-CN/
w3school : 平时查资料可以去查遇到有冲突的时候，一定要去官网去查

二、【html】

Hyper Text Markup Language 超文本标记语言
超文本：标记：语言：用于我们和浏览器之间一个沟通交流
标签：一系列的标签，每一个标签都代表不同的意思【html 文件】

1、文件后缀名：

.html html 文件，文件名不能是中文
.html-----.htm : doc 磁盘操作系统，最多只支持3个字符， .doc --- .docx .ppt ---- .pptx .jpg --- .jpeg

2、去创建一个 html文件的模板：

使用vscode:
快捷键： ! + tab

3、标签的分类：

双标签： <标签名></标签名> html 、head 、body、title 单标签： <标签名> meta
标签的嵌套：双标签里面可以嵌套其他的标签
只有一个根标签： html 标签

4、XXX="XXX" 标签身上的属性

属性名="属性值"
性别=“男” 年龄=“16”
html : 一系列标签以及标签身上的属性
lang="en" charset="UTF-8" name="viewport"

5、文档申明

1、html 的历史

html1 -------》 html2--------》 html3----------》html4
■ xhtml 1 : 更严格了
■ html5 2008年正式发布
html5新增了很多和移动端相关的东西 iphone1发布时间：2007

2、作用：

告诉浏览器你现在写的html版本是多少

3、面试题：

如果页面没有声明能运行出来吗？

4、xhtml ：

可扩展超文本标记语言

X ：可扩展
xhtml 严格：
1、标签属性都必须要小写
2、属性名=“属性值” 不能简写

三、【写注释】

备注：1、ctrl + /
2、选中某一部分注释 ctrl + shift + / (切换块注释)

四、【html 模板里面的内容】

HTML基本代码:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/homework.css">
</head>
<body>
</body>
</html>

head : 里面的东西一般都设置网页的头部信息、网页的格式
body ：用户所有能看得到的内容
title : 网页的标题

1、lang 属性

规定页面内容的语言类型
值： zh : zh-CN : 中文 en : 英文 .... en ：就会有翻译的功能
作用：

告诉浏览器你这个网页的语言
为了搜索引擎 ( 百度搜狗)

3、移动端需要的一些配置

HTML代码

<meta http-equiv="X-UA-Compatible" content="IE=edge">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

4、扩展 meta 其他的属性

<meta name="description" content="淘宝网 - 亚洲较大的网上交易平台，提供各类服饰、美容、家居、数码、话费/点卡充值… 数亿优质商品，同时提供担保交易(先收货后付款)等安全交易保障服务，并由商家提供退货承诺、破损补寄等消费者保障服务，让你安心享受网上购物乐趣！" />
<meta name="keyword" content="淘宝,掏宝,网上购物,C2C,在线交易,交易市场,网上交易,交易市场,网上买,网上卖,购物网站,团购,网上贸易,安全购物,电子商务,放心买,供应,买卖信息,网店,一口价,拍卖,网上开店,网络购物,打折,免费开店,网购,频道,店铺" />

description：描述
keyword 关键词
content 内容
目的：为了提高搜索引擎

若有收获，就点个赞吧

学前端的小Q

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
打赏
0
评论
前端知识点复习之网页、HTML常识

html-----.htm : doc 磁盘操作系统，最多只支持3个字符， .doc --- .docx .ppt ---- .pptx .jpg --- .jpeg。双标签： html 、head 、body、title 单标签： meta。值： zh : zh-CN : 中文 en : 英文 .... en ：就会有翻译的功能。标签：一系列的标签，每一个标签都代表不同的意思【html 文件】标签的嵌套：双标签里面可以嵌套其他的标签。
复制链接

扫一扫