Sagrana

1. Где можно сгенерировать полную (ну почти) микроразметку для сайта в виде JSON-LD, например? Интересует: навигация (чтоб в поиске выпадал дополнительный сниппет с ссылками и их описанием

3. Есть ли какие нибудь ресурсы / генераторы сразу всех видов микроразметки (навигация, товары, контакты, услуги и т.д.)

2. Где весь этот результат можно проверить сразу (например: как сайт виден в поисковой выдаче)?

4. Как запихать сниппет-таблицу в поисковик (пример: [https://habrastorage.org/webt/5f/b4/6e/5fb46ef1f0f...])?

element.addEventListener("mouseover", function( ) {   
if(element.clientX < element.clientWidth/2){
выход справа
}else{
  выход слева
}
}, false);

.strock-font {
            color: transparent;
            -webkit-text-fill-color: transparent;
            -webkit-text-stroke-width: 1px;
            -webkit-text-stroke-color: #000;
}

Какие используете единицы измерения при верстке?

const markersData = [
  { position: { lat: ..., lng: ... }, content: '...' },
  { position: { lat: ..., lng: ... }, content: '...' },
  ...
];

const markers = markersData.map(({ position, content }) => {
  const marker = new google.maps.Marker({ position, map });

  marker.addListener('click', () => {
    infoWindow.setContent(content);
    infoWindow.open(map, marker);
  });

  return marker;
});

const setActiveIcon = marker => markers.forEach(n => n.setIcon(n === marker ? iconActive : icon));

const calc = document.querySelector('.calc');
calc.addEventListener('click', calcClickHandler);

function calcClickHandler(event) {
  const button = event.target.closest('button');
  if (button) {
    console.log('Click!', button);
  }
}

.parent {
    min-height: 300px;
    height: 1px; /* Требуется, чтобы дочерний блок взял высоту 100% */
}

.child {
    height: 100%;
}

.block{
height: 100vh;
}

.block{
height: 100vh;
width: 100vw;
}