HTNL骨架结构分析

最新推荐文章于 2021-08-04 19:22:03 发布

COder—lY

最新推荐文章于 2021-08-04 19:22:03 发布

阅读量117

点赞数

分类专栏： html 文章标签： html html5

本文链接：https://blog.csdn.net/weixin_43829610/article/details/107137031

版权

html 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

HTML基本标签分析

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body></body>
</html>

首先是顶部标签!DOCTYPE html

<!DOCTYPE html>

这个标签的主要作用是说明文档类型为：html

然后是标签html

<html lang="en">
</html>

html标签是网页的根标签，网页内所有标签都包含在其中。
html的全局属性有：
官方文档: W3C.

属性	描述
accesskey	规定激活元素的快捷键。
class	规定元素的一个或多个类名（引用样式表中的类）。
contenteditable	规定元素内容是否可编辑。
contextmenu	规定元素的上下文菜单。上下文菜单在用户点击元素时显示。
data-*	用于存储页面或应用程序的私有定制数据。
dir	规定元素中内容的文本方向。
draggable	规定元素是否可拖动。
dropzone	规定在拖动被拖动数据时是否进行复制、移动或链接。
hidden	规定元素仍未或不再相关。
id	规定元素的唯一 id。
lang	规定元素内容的语言。
spellcheck	规定是否对元素进行拼写和语法检查。
style	规定元素的行内 CSS 样式。
tabindex	规定元素的 tab 键次序。
title	规定有关元素的额外信息。
translate	规定是否应该翻译元素内容

当然有些属性在其他标签内也会用到

然后是标签head

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

head标签作用是配置一些网页的信息：

下面这些标签可用在 head 部分：<base> , <link> , <meta> , <script> , <style> , 以及 <title>

<title> 定义文档的标题，它是 head 部分中唯一必需的元素。

然后是标签body

<body></body>

body 元素定义文档的主体。

body 元素包含文档的所有内容（比如文本、超链接、图像、表格和列表等等。）

还有一些细节的东西，没有想好怎么写，望大佬们指教！！！

COder—lY

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTNL骨架结构分析

HTML基本标签分析<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body></bo
复制链接

扫一扫

专栏目录