时间：2023-07-25 01:00:02 | 来源：网站运营
时间：2023-07-25 01:00:02 来源：网站运营
「 前端技术基础 」HTML 语义化标签：HTML 文档被称为网页，由嵌套的 HTML 元素构成，HTML 文档的后缀一般是 .html。
但在以前，使用 .htm 作为后缀的也不少，它们都代表 HTML 文档，实际上也没有本质的区别。
// 实际上，.htm 是在 win32 时代，系统只能识别 3 位扩展名时使用的
你需要：
理解每个标签的用途（ 作用、属性和默认样式 ），用正确的标签描述页面（ 内容 ）
作用：利于 SEO、可访问性（ 盲人阅读器 ）、可读性（ 开发维护 — 先写语义化的 HTML，再选合适的 CSS ）
判断：当去掉 CSS 之后，网页结构依然组织有序，且具有良好的可读性，则说明语义化良好
拓展（ 浏览器兼容 ）：主流浏览器都兼容 HTML5 的新标签，对于 IE8 及以下版本不认识 HTML5 的新元素，可以使用 JS 创建一个没用的元素来解决。
在线咨询
<script>document.createElement("header");</script>HTML 核心的部分莫过于标签（ tag ）。标签，是用来描述文档中的各自内容的基本单元，不同的标签表示不同的含义，标签间的嵌套表示了内容间的结构。
学习 HTML，应当了解每个标签的作用、属性和默认样式。
html 表示 HTML 文档的根（ root ），定义了整个 HTML 文档，是一个顶级元素，其他所有元素都是该元素的后代。
<html xmlns="http://www.w3.org/1999/xhtml"></html> // xmlns 属性用于指派文档的 XML 命名空间。// 预设值是 "http://www.w3.org/1999/xhtml"，这在 XHTML 中是必要的，而 HTML 中则是可选的。[2] 元数据和脚本// base 标签// 描述了基本的链接地址 / 链接目标，即：作为 HTML 文档中所有的链接标签的默认链接<base href="http://www.webpiece.cn" target="_blank" />主要和 css 搭配使用，显示网页结构的标签，是网页布局中最常用的标签
body、header、nav、article、section、address、footer、main、h1~h6、hgroup[4] 组合内容div、p、hr、pre、blockquote + 列表（ ul、ol、li、dl、dt、dd ）+ figure、figcaption[5] 文本级别语义span、a、em/strong、cite/q、code/kbd/samp/var、b/i/u、s、mark、small、dfn/abbr、wbr、br、sub/sup、time、ruby/rb/rt/rtc/rp、ins、del、bdi、bdo、data[6] 嵌入内容picture、source、img、iframe、embed、object、param、video、audio、track、map、area、template、canvas[7] 表格元素table、caption、colgroup、col、tbody、thead、tfoot、tr、td、th[8] 表单元素form、label、input、button、select、datalist、optgroup、option、textarea、output、progress、meter、fieldset、legend[9] 交互（ 不常用 ）：details、summary、dialog<details> <summary>Copyright 2018.</summary> <p>整合分析、记录点滴</p></details><button>显示对话框</button><dialog>我是对话框的内容</dialog><script> var oBtn = document.getElementsByTagName('button')[0]; var oDia = document.getElementsByTagName('dialog')[0]; oBtn.onclick = function(){ console.log(oDia.getAttribute('open')) if(!oDia.getAttribute('open')){ oDia.setAttribute('open','open'); this.innerHTML ='隐藏文本框'; }else{ oDia.removeAttribute('open'); this.innerHTML = '显示文本框'; } }</script>关键词：标签,技术,基础
