Вход | Регистрация
 

Как интуитивно понятно читать HTML?

Как интуитивно понятно читать HTML?
Я
   acces969
 
26.06.21 - 07:09
Здравия желаю труженникам шестидневки.
Каждый раз, когда приходится заглядывать под капот html-страниц, прихожу в ужас от обилия тегов, нагромождения текста.
Может быть есть какие-нибудь программы, которые подсвечивают текст HTML или выстраивают дерево элементов, представляют структуру страницы визуально?
Сейчас попробовал простенькую страничку собрать с помощью редактора веб-страницы в Chrome, и по ощущениям, у меня от этого на пару седых волос стало больше.
Сейчас буду пробовать то же самое делать в notepad++
   ДенисЧ
 
1 - 26.06.21 - 07:54
Поставь вскоде.
Правда, для дерева - скорее всего нужны какие0то плюгины, но +- там можно сделать.
   Вафель
 
2 - 26.06.21 - 07:55
F12 в браузере
   ДедМорроз
 
3 - 26.06.21 - 09:31
Вы еще до стилей не дошли,вот там вам дерево тегов не поможет.
   Asmody
 
4 - 26.06.21 - 10:04
(0) инспектор в инструментах разработчика в хроме/фаерфоксе прекрасно отображает структуру страницы
   Fragster
 
5 - 26.06.21 - 10:17
(1) плагин prettier сделает как надо
   Fragster
 
6 - 26.06.21 - 10:17
а вообще то, что получается в итоге в браузере может быть намного сложнее того, что в редакторе кода, спасибо веб компонентам всяким, pug, sass, webpack и прочему
   ДенисЧ
 
7 - 26.06.21 - 10:50
(5) Шо, прямо таки деревом, с отдльными узлами свойств?
Или просто отформатирует?
   Fragster
 
8 - 27.06.21 - 23:39
(7) ну, деревом оно само станет с отдельными узлами, при открытии. но вот когда всё в одной строке без форматирования не обойтись.
еще прикольная тема сортировщик атрибутов, он отдельно.
   Резак
 
9 - 28.06.21 - 05:35
(0) В Эдже в редакторе страницы переключи вид с "DOM Дерева" на "Доступное дерево", сразу все станет проще.

Список тем форума
 
ВНИМАНИЕ! Если вы потеряли окно ввода сообщения, нажмите Ctrl-F5 или Ctrl-R или кнопку "Обновить" в браузере.