On the same line as other elements, not on an exclusive line; the height, width and top and bottom margins of the element cannot be set |
|
Q4: Что такое семантический HTML?
Семантический HTML — это стиль кодирования, в котором используется разметка HTML для улучшения семантики или значения контента. В семантическом HTML тег a4b561c25d9afb9ac8dc4d70affff419 0d36329ec37a2cc24d42c7229b69747a используется не для жирных операторов, а для тегов 8e99a69fbe029cd4e2b854e244eab143128dba7a3a77be0113eb0bea6ea0a5d0, а для операторов, выделенных курсивом, он используется. не . 5a8028ccc7a7e27417bff9f05adf5932 72ac96585ae54b6ae11f849d2649d9e6, вместо этого используйте 907fae80ddef53131f3292ee4f81644bd1c6776b927dc33c5d9114750b586338.
Q5: Перечислите часто используемые теги списков
Списки участвуют в создании страниц, и существуют специальные теги, используемые для представления данных списка в HTML Теги, а именно:
-
Упорядоченный список: Упорядоченный список отображает элементы в нумерованном формате, представленном
c34106e0b4e09414b63b2ea253ff83d6tags
-
Неупорядоченный список: Неупорядоченный список отображает элементы в формате маркера, который представлен тегом
ff6d136ddc5fdfeffaf53ff6ee95f185.
-
Список определений: В списке определений элементы отображаются в форме определения, как в словаре, например
5c69336ffbc20d23018e48b396cdd57a, 73de882deff7a050a357292d0a1fca94 # Теги ## и 67bc4f89d416b0b8236eaa5f43dee742 используются для определения списка описаний.
#Q6: Объясните семантику HTML-тегов
HTML — это семантика разметки, а содержимое документа имеет свою собственную семантику. Общие из них следующие:
- 1aa9e5d373740b65a0cc8f0a02150c53
: используется для определения заголовка документа.
- c787b9a589a3ece771e842a6176cf8e9
: определяет навигационную ссылку
- 2f8332c8dcfd5c7dec030a070bf652c3
: используется для определения единицы измерения в документе
- 23c3de37f2f9ebcb477c4a90aac6fffd
: используется для определения независимых, самостоятельных статей
- 15221ee8cba27fc1d7a26c47a001eb9b
: используется для определения контента вне контента
- c37f8231a37e88427e62669260f0074d
: используется для определения нижнего колонтитула документа.
Q7: Что такое тикер?
Эффект выделения в прошлом был классическим эффектом и был доступен практически на каждом веб-сайте. marquee используется для прокрутки текста на веб-страницах. Он может автоматически прокручивать изображения или текст вверх, вниз, влево или вправо, пока текст, подлежащий прокрутке, помещен ed126914ed1419bab26abf7cf307b7b9…… Тег < ;/marquee>.
Q8: В чем разница между div и span? Разница между
span и div заключается в том, что элемент span является встроенным и обычно используется для небольшого блока внутри строка, например внутри абзаца. А div — это уровень блока, который эквивалентен наличию символа новой строки до и после него, используемого для группировки более крупных блоков кода.
Q9: 8b05045a5be5764f313ed5b9168a17e6 является тегом HTML?
Нет, 8b05045a5be5764f313ed5b9168a17e6 не является тегом HTML. 1a309583e26acea4f04ca31122d8c535Объявление называется определением типа документа (DTD). Цель объявления - сообщить браузеру тип файла. Сообщает анализатору браузера, какую спецификацию следует использовать для анализа документа. 1a309583e26acea4f04ca31122d8c535Объявление должно находиться в первой строке HTML-документа.
HTML имеет различные типы документов, такие как HTML 4.01 Strict, HTML 4.01 Transitional, HTML 4.01 Frameset, XHTML 1.0 Strict , XHTML 1.0 Transitional, XHTML 1.0 Frameset, XHTML 1.1 и т. д. Поэтому 8b05045a5be5764f313ed5b9168a17e6 используется для определения типа HTML-документа.
Для документов HTML5 DTD отсутствует, поэтому нет разницы между строгим режимом и смешанным режимом. HTML5 имеет относительно свободный режим. синтаксис и реализация. На данный момент обратная совместимость реализована в максимально возможной степени.
Q10: В чем разница между HTML, XML и XHTML?
- HTML
: Язык гипертекстовой разметки
- XML
: Расширяемый язык разметки (язык)
- XHTML
: Расширяемый язык разметки гипертекста
##XHTML — текущий HTML. Преемником версии является HTML в XML документ. Разница между
HTML и XHTML заключается в следующем:
##HTML – это стандартный универсальный язык разметки XML. применение расширяемого языка разметки. -
Теги не чувствительны к регистру XHTML Все теги должны быть в нижнем регистре. -
Все атрибуты должны использовать двойные кавычки. -
предназначен для отображения информации, а - XHTML
– для информации описания . Q11: Что такое карта изображений?
Иногда необходимо добавить разные ссылки к разным областям изображения.Обычный подход заключается в использовании карт изображений в качестве горячих точек изображения. Конкретный код выглядит следующим образом: <img src="devpoint.jpg" border="0" usemap="#devmap" alt="devpoint" />
<map name="devmap" id="devmap">
<area shape="circle" coords="180,139,14" href="about.html" alt="about" />
<area
shape="circle"
coords="129,161,10"
href="contact.html"
alt="contact"
/>
<area shape="rect" coords="0,0,110,260" href="home.html" alt="home" />
</map>
Однако сейчас существует множество альтернатив.
Q12：超链接和锚点的区别？
HTML中的3499910bf9dac5ae3c52d5ede7383485 是 anchor（锚）的缩写，现在把带有 href 属性的称作超链接，把没有 href 属性只有 name 属性的称作锚点连接或者命名锚点。超链接和锚点只是标签 3499910bf9dac5ae3c52d5ede7383485 的两种呈现方式。命名锚点同城用于页面定位，超链接用于页面间的跳转。
Q13：简述HTML5离线储存
现在日常使用的APP，有部分内容是使用内嵌webview的方式，浏览页面内容，这种方案的优势是WEB和APP共用一个网站，像掘金的APP就是使用这种方式。为了避免重复加载页面或者在无网络的情况下正常展现内容，可以采用离线存储，其中一种方案就是使用 manifest 。
在线情况下，浏览器发现HTML头部有manifest属性，它会请求manifest文件，第一次访问，那么浏览器就会根据manifest文件的内容下载相应的资源，进行离线存储。
在页面头部加入manifest属性，如下：
<html manifest="cache.manifest">
然后在cache.manifest文件中编写离线存储的资源规则，代码如下：
CACHE MANIFEST
# 2021-06-26 14:01 V0.1.2.42634241855282310056 hash 以便做版本控制
# 默认部分，显式缓存这些文件
CACHE:
#需要缓存的列表，如字体、图片、脚本、css
./assets/images/favicons/32x32.png
./assets/fonts/VideoJS.eot
./assets/fonts/VideoJS.svg
./assets/fonts/VideoJS.ttf
./assets/fonts/VideoJS.woff
# 启动页资源
./index.html
NETWORK:
#不需要缓存的
*
FALLBACK:
#访问缓存失败后，备用访问的资源，第一个是访问源，第二个是替换文件 *.html /offline.html
Q14：什么是iframe
iframe是嵌入式框架, 是html标签, 是一个内联元素, iframe 元素会创建包含另外一个文档的内联框架（即行内框架) 。通常可以使用iframe内嵌网页，跨域ajax通讯的实现，微前端，广告嵌入等。
<iframe src="home.html"></iframe>
Q15：position有哪些值？
position 属性用于指定一个元素在文档中的定位方式。top、right、bottom 和 left 属性决定了该元素的最终位置。
-
static： 默认值，没有定位，指定元素使用正常的布局行为，即元素在文档常规流中当前的布局位置，此属性下 top、right、bottom、left 和 z-index 属性无效。
-
relative 相对定位：元素先放置在未添加定位时的位置，在不改变页面布局的前提下调整元素位置（此时会在此元素未添加定位时所在位置留下空白）。position:relative 对 table-row、table-column、table-cell、table-caption 元素无效。
-
absolute 绝对定位：生成绝对定位的元素，元素会被移出正常文档流，并不为元素预留空间，通过指定元素相对于最近的非 static 定位祖先元素的偏移，来确定元素位置。绝对定位的元素可以设置外边距（margins），且不会与其他边距合并。
-
fixed 固定定位：生成绝对定位的元素，元素会被移出正常文档流，并不为元素预留空间，而是通过指定元素相对于屏幕视口（viewport）的位置来指定元素位置，元素的位置在屏幕滚动时不会改变
-
sticky 元素根据正常文档流进行定位，相对它的最近滚动祖先和最近块级祖先。
Q16：title 和 h1 的区别？
h1 不等于 title。h1 为大标题，一般用作文章的标题，作用如同一张报纸的大标题，使用读者在没看内容之前就大概了解本文的旨意，它是直接给用户看的。title 为页面标题，可以包含 h1 的标题，一般面对的是搜索引擎和浏览器标签。
Q17：display:none和visibility:hidden的区别
都能把页面上的元素隐藏起来，两者的区别如下：
-
display:none: Скрытые объекты не занимают никакого физического пространства и не влияют на расположение других элементов
-
visible:hidden: Make объект невидим на веб-странице, но занимает физическое пространство на веб-странице. С точки зрения непрофессионала, его нельзя увидеть, но можно потрогать.
- Будет ли выполняться повторная визуализация после изменения значения атрибута:
visibility:hidden не будет отображаться; display:none будет отображаться повторно.
Q18: Перекомпоновка и перерисовка
Перекомпоновка, когда размер, структура или определенные атрибуты некоторых или всех элементов в дереве рендеринга изменяются. Процесс с помощью которого браузер повторно отображает часть или весь документ. Перерисовка, когда изменение стиля элемента на странице не влияет на его положение в потоке документа (например: color, background-color, visibility и т. д.), браузер присваивает элементу новый стиль и перерисовывает его. Эти два параметра по-разному влияют на производительность страницы, но здесь мы не будем о них говорить.
Для получения дополнительной информации о программировании посетите: Введение в программирование! !
